@font-face { font-family:'PTSans';
    src: url('/assets/fonts/ptsans.eot');
    src: url('/assets/fonts/ptsans.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans.woff') format('woff'),
         url('/assets/fonts/ptsans.ttf') format('truetype'),
         url('/assets/fonts/ptsans.svg#pt_sansregular') format('svg');
    font-weight:normal; font-style:normal; }

@font-face { font-family:'PTSans';
    src: url('/assets/fonts/ptsans-b.eot');
    src: url('/assets/fonts/ptsans-b.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans-b.woff') format('woff'),
         url('/assets/fonts/ptsans-b.ttf') format('truetype'),
         url('/assets/fonts/ptsans-b.svg#pt_sansbold') format('svg');
    font-weight:bold; font-style:normal; }

@font-face { font-family:'PTSans';
    src: url('/assets/fonts/ptsans-i.eot');
    src: url('/assets/fonts/ptsans-i.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans-i.woff') format('woff'),
         url('/assets/fonts/ptsans-i.ttf') format('truetype'),
         url('/assets/fonts/ptsans-i.svg#pt_sansitalic') format('svg');
    font-weight:normal; font-style:italic; }

@font-face { font-family:'PTSans';
    src: url('/assets/fonts/ptsans-bi.eot');
    src: url('/assets/fonts/ptsans-bi.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsans-bi.woff') format('woff'),
         url('/assets/fonts/ptsans-bi.ttf') format('truetype'),
         url('/assets/fonts/ptsans-bi.svg#pt_sansbold_italic') format('svg');
    font-weight:bold; font-style:italic; }

@font-face { font-family:'PTSansNarrow';
    src: url('/assets/fonts/ptsansnarrow.eot');
    src: url('/assets/fonts/ptsansnarrow.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsansnarrow.woff') format('woff'),
         url('/assets/fonts/ptsansnarrow.ttf') format('truetype'),
         url('/assets/fonts/ptsansnarrow.svg#pt_sans_narrowregular') format('svg');
    font-weight:normal; font-style:normal; }

@font-face { font-family:'PTSansNarrow';
    src: url('/assets/fonts/ptsansnarrow-b.eot');
    src: url('/assets/fonts/ptsansnarrow-b.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ptsansnarrow-b.woff') format('woff'),
         url('/assets/fonts/ptsansnarrow-b.ttf') format('truetype'),
         url('/assets/fonts/ptsansnarrow-b.svg#pt_sans_narrowbold') format('svg');
    font-weight:bold; font-style:normal; }

@font-face { font-family:'AnkeCalligraphic';
	src: url('/assets/fonts/ankecalli.eot');
	src: url('/assets/fonts/ankecalli.eot?#iefix') format('embedded-opentype'),
		  url('/assets/fonts/ankecalli.woff2') format('woff2'),
		  url('/assets/fonts/ankecalli.woff') format('woff'),
		  url('/assets/fonts/ankecalli.ttf') format('truetype'),
	  url('/assets/fonts/ankecalli.svg#anke_calligraphic_fgregular') format('svg');
	font-weight:normal; font-style:normal; }


/* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io */
@font-face { font-family:'FontAwesome';
	src:url('/assets/fonts/fontawesome-webfont.eot?v=4.7.0');
	src:url('/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		 
		 url('/assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		 url('/assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		 url('/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
	}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}


/* --- Variables --- */
:root
	{
	--buttonblue: rgb(24,98,137);
	--linkcolor: #660000;
	}

/* --- Reset --- */	
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
.clear { clear:both; }
*,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ndsp { display:none; }

html   { height:101%; margin:0; padding:0;  }
body	 {	height:100%; margin:0px; padding:0px; border:0px; font-family:PTSans,Arial,Helvetica,sans-serif; font-size:14px; text-align:center; background-color:#FFFFFF; text-shadow:0 0 1px rgba(0,0,0,0.1);  }

.cookieconsentwrapper { position:fixed; top:0; left:0; width:100vw; height:100vh; color:#000000; background-color:rgba(255,255,255,0.8); z-index:99999; font-family:PTSans,Arial,Helvetica,sans-serif; font-size:14px; } 
.cookieconsentwrapper .dse { display:none; margin-top:5px; padding-top:10px; text-align:center; border-top:1px solid #000000; overflow-y:scroll; width:100%; }

.cocoselectors { width:100%; margin-top:8px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding-top:10px; font-family:PTSansNarrow; font-size:15px; font-weight:bold; }
.cocoselectors > div { display:flex; white-space:nowrap; padding-bottom:8px; }
.cocoselectors .switch { margin-left:5px; }
.cookietext { width:72%; line-height:125%; font-size:14px; }
.ccbody { height:auto; }

.switch { position:relative; display:inline-block; width:50px; height:22px; }
.switch input { opacity:0; width:0; height:0; }
.cbslider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#F9F9F9; border:2px solid #666666; -webkit-transition:0.4s; transition:0.4s; }
.cbslider::before { position:absolute; content:""; height:16px; width:16px; left:1px; bottom:1px; background-color:#CC7777; -webkit-transition:0.4s; transition:0.4s; }
input:checked + .cbslider { background-color:#F9F9F9; }
input:focus + .cbslider { box-shadow:0 0 1px #CC7777; }
input:checked + .cbslider:before { background-color:#449944; -webkit-transform:translateX(28px); -ms-transform:translateX(28px); transform:translateX(28px); }
.cbslider.round, .cbsliderl.round { border-radius:22px; }
.cbslider.round::before, .cbsliderl.round::before { border-radius:50%; }

.cbsliderl { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#F9F9F9; border:2px solid #666666; }
.cbsliderl::before { position:absolute; content:""; height:16px; width:16px; left:1px; bottom:1px; background-color:#666666; -webkit-transform:translateX(28px); -ms-transform:translateX(28px); transform:translateX(28px); }





::-moz-selection { background:#07a; color:#fff; text-shadow:none; }
::selection      { background:#07a; color:#fff; text-shadow:none; }
::-webkit-input-placeholder { color:#C0C0C0; }
::-moz-placeholder { color:#C0C0C0; opacity:1; }
:-ms-input-placeholder { color:#C0C0C0; }
.ienox::-ms-clear { display:none; }

a { color:#660000; text-decoration:none; outline:0; }
a:hover { color:#909090; text-decoration:none; }

hr { height:1px; margin:10px 0 10px 0; padding:0; color:#A0A0A0; background-color:#A0A0A0; clear:left; border-width:0; }
hr + br { display:none; }
select { background-color:#FFFFFF; }

#wrapper  { position:relative; width:100%; min-width:320px; max-width:960px; margin-left:auto; margin-right:auto; text-align:left; background-color:#FFFFFF; padding-bottom:40px; overflow-x:hidden; }

#imageMenu { width:100%; height:205px; overflow:hidden; border-style:none; margin:6px auto 5px auto; padding:0px; box-sizing:content-box; }
#imageMenu ul { list-style:none; margin:0px; display:block; height:200px; padding:0; box-sizing:content-box; }
#imageMenu ul li { float:left; padding-bottom:1px; padding-top:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; border-color:white; box-sizing:content-box; }
#imageMenu ul li a {	display:block; width:135px; height:200px; text-indent:-1000px; background:#FFFFFF none repeat scroll 0%; border-right:2px solid #FFFFFF; cursor:pointer; overflow:hidden; margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; box-sizing:content-box; }
#imageMenu ul li.bk6 a { border-right-style:none; box-sizing:content-box; }


#imageMenuMob { display:none; height:165px; min-width:320px; }
a.mobmenubar { display:block; float:left; width:13.85%; height:160px; margin-left:0.5%; background-color:#F8F8F8; background-size:cover; background-repeat:no-repeat; background-position:left bottom; }
a.mobmenubar:first-child { margin-left:0; }

#imageTeacher { width:100%; height:200px; margin:8px 0 8px 0; background-image:url(/assets/images/music-learning-banner.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; }

.userinfo, .languageinfo, .cartinfo { height:26px; font-size:15px; line-height:25px; color:#808080; margin:1px 0px; border-left:1px solid #FFFFFF; padding:0 10px 0 10px; }
.languageinfo { display:flex; justify-content:space-between; gap:1px; align-items:center; height:23px; font-size:17px; }
.languageinfo > a { line-height:100%; }
.languageinfo > a:first-child { border-right:1px solid #E0E0E0; }

.copyrightinfo { height:26px; font-size:14px; line-height:25px; color:#808080; margin:1px 0px; padding:0 10px 0 10px; }
a.mb_cart { display:inline-block; text-decoration:none; height:19px; line-height:18px; padding-left:25px; background:url(/assets/images/carts.png) no-repeat 0 0; color:#808080; }
a.mb_cart:hover { text-decoration:none; color:#000000; background-position:0 -20px; }
a.mb_cart .number  { display:inline-block; font-size:11px; height:14px; line-height:13px; -webkit-border-radius:6px; border-radius:6px; padding:0 2px; margin-left:5px; min-width:13px; text-align:center; vertical-align:text-top; }
#baskettext { display:inline-block; }
.numbergray  { background-color:#A0A0A0; color:#E0E0E0; }
.numbergreen { background-color:#008000; color:#FFFFFF; }

.qtyfield, .qtyfield2	{ border:1px solid #A0A0A0; padding:3px 5px; font-family:PTSans,Arial,Helvetica; font-size:14px; text-align:right; width:35px; } 
.atcbutton  { width:34px; height:30px; background:url(/assets/images/carts_big.png) no-repeat 1px 2px; border:1px solid #A0A0A0; margin-left:5px; color:transparent; }
.atcbutton:hover { background-position:1px -28px; }
.atcmessage { display:none; position:absolute; height:48px; width:150px; text-align:left; padding:5px; top:-55px; right:5px; font-size:14px !important; background-color:#C9FFC9; border:1px solid #A0A0A0; -webkit-border-radius:7px; border-radius:7px; -webkit-box-shadow:2px 2px 3px 0px rgba(50,50,50,0.4); box-shadow:2px 2px 3px 0px rgba(50,50,50,0.4); }
.shopneedscookie { float:left; width:315px; padding:2px 4px; background-color:#FF0000; color:#FFFFFF !important; font-size:14px; line-height:110%; }
.strike { text-decoration:line-through; }
.greyed { color:#BBBBBB; border-color:#E0E0E0 !important; }

.kwicks { width:100%; height:200px; display:block; list-style-type:none; list-style:none; position:relative; margin:0; padding:0; }
.kwicks > * { display:block; overflow:hidden; padding:0; margin:0; }
.kwicks.kwicks-processed > * { margin:0; position:absolute; }
.kwicks-horizontal > * { float:left; }
.kwicks-horizontal > :first-child { margin-left:0; }
.kwicks-vertical > :first-child { margin-top:0; }
.kwicks > li { height:200px; width:320px; margin-left:5px; float:left; }
#panel-1 { background-color:#FFFFE5; }
#panel-2 { background-color:#FFEDD9; }
#panel-3 { background-color:#FFD8D9; }
#panel-4 { background-color:#FEE6FE; }
#panel-5 { background-color:#E6E6FE; }
#panel-6 { background-color:#E6FFFF; }
#panel-7 { background-color:#E7FFE7; }

#tooltip { position:absolute;	z-index:3000; border:1px solid #111111; background-color:#EEEEEE; padding:2px; opacity:0.85;  }
#tooltip h3, #tooltip div { margin:0; font-size:11px; color:#000000; font-weight:normal; text-align:left; }

div.menubar   { width:100%; min-height:30px; line-height:30px; height:auto; overflow-y:auto; background-color:#E0E0E0; margin-bottom:22px; position:relative; font-size:24px; }
div.menubar a { color:#999999; text-decoration:none; font-weight:normal;  }
div.menubar a:hover { color:#444444; text-decoration:none; }

div.menubsd   { width:100%; max-width:960px; height:38px; max-height:38px; min-height:38px; overflow:hidden; background-color:#E0E0E0; margin-bottom:22px; position:absolute; top:282px; font-size:24px; z-index:999; border-bottom:1px solid #FFFFFF; }
div.menubsd a { color:#999999; text-decoration:none; font-weight:normal; height:100%; line-height:36px; vertical-align:middle; }
div.menubsd a:hover { color:#444444; text-decoration:none; }
div.menubsd a.backlink { display:inline-block; width:21px; padding-left:6px; border-left:1px solid #F0F0F0; font-size:19px;  vertical-align:middle;}
div.menubsd i { line-height:36px; }
div.menubar h1, div.menubsd h1 { position:absolute; left:40px; top:0px; margin:0; padding:0; font-size:21px; color:#888888; display:inline-block; white-space:nowrap; text-overflow:ellipsis; width:500px; max-width:500px; overflow:hidden; }
div#menubarspc { width:100%; height:60px; }

a#backbutton { float:right; display:block; width:36px; height:36px; border-left:none; text-align:center; margin:0 8px 0 0; padding-top:1px; font-size:23px; line-height:28px; }

/* --- SEARCHBOX --- */
div.searchbox, div.searchbox_f { position:relative; display:block; float:right; margin:1px 0 0 0; width:272px; height:34px; overflow:hidden; }

#searchbutton_m { display:none; position:relative; float:right; width:36px; height:36px; border-left:1px solid #F0F0F0; background:#E0E0E0 url(/assets/images/search_big.png) no-repeat 4px center; z-index:9999; }
#searchbutton_m:hover { background-position:-26px center; }

#searchhint   { position:absolute; left:0px; top:3px; width:270px; height:30px; z-index:20; overflow:hidden; background-color:#FFFFFF;  }
#searchhint div#hinttext  { float:left; width:262px; height:22px; color:#A0A0A0; font-size:12px; margin:6px 0 0 5px; z-index:20; line-height:16px; }
#searchbox_c  { position:absolute; left:0px; top:0px; width:272px; height:36px; border:0; z-index:99; overflow:hidden; background-color:transparent; padding:0; }
div#searchclear { position:absolute; right:35px; top:7px; width:16px; height:16px; z-index:100; cursor:pointer; } 
input#search  { display:block; float:left; width:212px; height:28px; max-height:28px; border:0px; padding:0px; margin:3px 0 0 5px; background-color:transparent; font-size:14px; overflow:hidden; outline:none; }
input#searchp { position:absolute; display:block; right:0px; top:0px; width:36px; height:36px; background:#E0E0E0 url(/assets/images/search_big.png) no-repeat 4px center; z-index:9999; }
input#searchp:hover { background-position:-26px center; }
.nox::-ms-clear { width:0; height:0; }


div.menubsd a.xbutton, div.menubsd a.xbutton2 { display:block; position:absolute; right:2px; top:2px; width:16px; height:16px; background:url(/assets/images/icon_x.png) no-repeat 0 0; text-decoration:none; }
div.menubsd a.xbutton  { background-position: 0 0; }
div.menubsd a.xbutton2 { background-position: 0 -32px; }
div.menubsd a.xbutton:hover, div.menubsd a.xbutton2:hover  { background-position:0 -16px; }

a.fab_g { color:#999999; text-decoration:none; font-size:15px; }
a.fab_g:hover { color:#000000; text-decoration:none; }
a.fab_w { color:#808080; text-decoration:none; font-size:15px; }
a.fab_w:hover { color:#660000; text-decoration:none; }

.secondlineindent { padding-left:0.75em; text-indent: -0.75em; }
.arrowindent { padding-left:1.6em !important; text-indent:-1.25em !important; line-height:110%; }
  
/* --- Buttons --- */
.mtbutton { font-family:PTSans,Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; display:inline-block; min-width:100px; height:28px; padding:0 5px; line-height:25px; white-space:nowrap; border:1px solid #A0A0A0; -webkit-border-radius:3px; border-radius:3px; background-color:#E0E0E0; color:#333333; text-decoration:none; text-align:center; }
.mtbutton:hover { color:#FFFFFF; background-color:#666666; }
.mtbutton.iconl { padding-left:30px; background-position:0 0; }
.mtbutton.iconr { padding-right:30px; background-position:100% 0; }
.mtbutton.mtberror { color:#FF0000; }

/* --- Buttons Music Learning --- */
.mlbutton { font-family:PTSans,Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; display:inline-block; min-width:100px; height:28px; padding:0 5px; line-height:25px; white-space:nowrap; border:1px solid #A0A0A0; -webkit-border-radius:3px; border-radius:3px; background-color:#E0E0E0; color:#333333; text-decoration:none; text-align:center; }
.mlbutton:hover:not([disabled]) { color:#FFFFFF; background-color:#666666; border-color:#666666; }
.mlbutton:disabled, a.mlbutton.disabled { opacity:0.4; pointer-events:none; }
.mlbutton:disabled i.fa, a.mlbutton.disabled i.fa { color:#000000 !important; opacity:0.5; }
.mlbutton.iconl { padding-left:30px; background-position:0 0; }
.mlbutton.iconr { padding-right:30px; background-position:100% 0; }
.mlbutton.mtberror { color:#FF0000; }
.mlbutton i.fa { font-size:18px; margin-right:2px; }
.mlbutton .mob_break { display:none; width:100%; height:0; }
.mlbutton:hover:not([disabled]) i.fa { color:#FFFFFF !important; }

/* --- FILTER BUBBLES --- */
div.filterbubble { position:relative; display:inline-block; height:30px; line-height:20px; border:1px solid #C0C0C0; background-color:#F0F0F0; font-size:13px; border-radius:8px; margin:4px 0px 0px 6px; vertical-align:top; padding:1px 27px 1px 5px; }
a.filterbubblelink { margin-top:2px; display:inline-block; height:22px !important; line-height:22px !important; font-size:13px; color:#000000 !important; text-decoration:none; }

/* --- FORMS --- */
form p { overflow:hidden; position:relative; text-align:left; float:left; }
form p label { display:block; padding:0px 0px 5px; text-align:left; font-size:14px; text-indent:4px; }

#pg_registration { position:relative; max-width:620px; min-width:310px; margin:0 auto 0 auto; background-color:#F0F0F0; border:1px solid #A0A0A0; border-bottom:0; padding-left:10px; }
#pg_registration fieldset:after { content:""; display:table; clear:both; }
#pg_registration input, #pg_registration select { display:block; font-weight:normal; }
#pg_registration input, #pg_registration textarea, #pg_registration select { font-size:14px; border-radius:3px; display:inline-block; padding:4px 3px 4px 5px; margin-bottom:4px; margin-left:2px; border:1px solid #AAAAAA; } /*  box-shadow:0px 1px 2px rgba(0,0,0,0.3) inset, 0px 1px 0px rgba(255,255,255,0.9);  */
#pg_registration select { padding:2px 3px; }
#pg_registration_f  { position:relative; max-width:620px; min-width:310px; margin:0 auto 0 auto; background-color:#F0F0F0; border:1px solid #A0A0A0; border-top:0; padding:0 10px 0 10px;  }

input.txt  { border:1px solid #A0A0A0; padding:3px 5px; font-family:PTSans,Arial,Helvetica; font-size:14px; }
select.txt { display:inline-block; border:1px solid #A0A0A0; padding:2px 1px; font-family:PTSans,Arial,Helvetica; font-size:14px; }
input.missing { border-color:#FF0000; -webkit-box-shadow: 1px 1px 3px 0px rgba(255,0,0,0.75); box-shadow:1px 1px 3px 0px rgba(255,0,0,0.75); }
input[readonly="readonly"] { background-color:#F4F4F4; }

input + label { cursor:pointer; }

/* input[type="checkbox"] { display:none; } */
input[type="checkbox"] + label i { display:inline-block; width:17px; height:17px; margin:-2px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) -1px -1px no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -20px -1px no-repeat; }
input[type="radio"] + label i { display:inline-block; width:17px; height:17px; margin:-2px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) -39px -1px no-repeat; cursor:pointer; }
input[type="radio"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -58px -1px no-repeat; }

option { background-color:#FFFFFF; font-family:inherit; }

.txa_normal  { font-size:11px !important; color:#808080; text-align:right; float:right; }
.txa_warning { font-size:11px !important; color:#FF0000; text-align:right; float:right; }
.acctbl .txa_normal, .acctbl .txa_warning { margin-right:5px; }

.uploadfile_cp { position:absolute; bottom:55px; left:5px; width:175px; height:50px; max-width:30%; }

/* ################### */
/* #   CMS Content   # */
/* ################### */
.narrow { font-family:PTSansNarrow, 'Arial Narrow', Arial, Helvetica, sans-serif; }

div.pad5  { padding:5px; }
div.pad10 { padding:10px; }
div.pad15 { padding:15px; }

div.cms_content table.pad5  td { padding:5px; }
div.cms_content table.pad10 td { padding:10px; }
div.cms_content table.pad15 td { padding:15px; }

.nohyphen  { -webkit-hyphens:none !important; -moz-hyphens:none !important; hyphens:none !important; }
.hyphenate { -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; }

.grau1 { background-color:#E7E7E7; }
.grau2 { background-color:#F4F4F4; }
.grau3 { background-color:#DADADA; }
.grau4 { background-color:#CDCDCD; }

.links50, .rechts50 { display:block; float:left; width:50%; min-width:160px; font-size:18px; line-height:140%; box-sizing: border-box; margin-bottom:5px; border:0; }
.links50 { clear:left; border-right:5px solid #FFFFFF; }
.links50 p, div.rechts50 p { padding:0; border:0; margin:0; }

div.cms_content { -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; padding-bottom:10px; }
div.cms_content table { border-collapse:collapse; max-width:100% !important; }
div.cms_content img { max-width:100% !important; height:auto !important; }


div.cms_content img[align="left"], div.cms_content img[style*="float: left"], div.cms_content img[style*="float:left"]    { margin:4px 12px 5px 0px !important; max-width:50%; height:auto !important; }
div.cms_content img[align="right"], div.cms_content img[style*="float: right"], div.cms_content img[style*="float:right"] { margin:4px 0px 5px 12px !important; max-width:50%; height:auto !important; }
div.cms_content a.picture40 { width:40%; height:auto; display:block; overflow:hidden; float:left; margin:0 15px 5px 1px !important; min-width:180px; }
div.cms_content a.picture40 img { width:100% !important; height:auto; }
/*
div.cms_content a.picture40, div.cms_content a.picture40 img, div.cms_content img.picture40 { width:40%; height:auto; display:block; overflow:hidden; float:left; margin:0 15px 5px 1px !important; min-width:180px; }
*/

div.panel_5 div.cms_content a img { max-width:40% !important; height:auto !important; }
div.panel_5 div.cms_content td a img { max-width:100% !important; height:auto !important; }
div.panel_5 div.cms_content figure a img { max-width:100% !important; height:auto !important; }
div.cms_content a.picture40 img { min-width:100%; !important; width:100% !important; max-width:100% !important; height:auto !important; }

div.cms_content a.bloglinktitle * { font-size:19px !important; line-height:22px !important; color:#AF5C38; text-decoration:none; }

div.pagetitle { font-size:20px; font-weight:bold; margin-bottom:20px; }
div.pagetitle h1 { margin:0; padding:0; font-size:19px; font-weight:bold; }
div.pagetitle .lifespan { display:inline-block; vertical-align:5%; font-weight:normal; font-size:16px; margin-left:15px; }
div.pagetitle a.h2link { color:#808080; text-decoration:none; }
div.pagetitle a.h2link:hover { color:#660000; text-decoration:none; }

div.pagecontent { width:100%; }

div.divide_5_2 { width:100%; position:relative; background:url(/assets/images/bg-5_2.png) repeat-y 71.4% 0; font-size:15px; }
div.panel_5    { position:relative; float:left; width:71.42%; max-width:685px; margin-right:0; padding-left:0px; }
div.panel_4    { position:relative; float:left; width:57%; max-width:548px; margin-right:2px; padding-left:0px; }
div.panel_3    { position:relative; float:left; width:410px; margin-right:2px; padding-left:0px; }
div.panel_img  { position:relative; float:left; width:14%; max-width:135px; margin:0; }
div.panel_r    { position:relative; float:right; width:28.55%; max-width:272px; margin:0; }

div.panel_r table { margin-bottom:3px; }
div.panel_r img { margin-bottom:3px; }
div.panel_r a { line-height:130%; }
div.anzeige { font-size:11px; color:#000000; font-family:PTSansNarrow,'Arial Narrow',Arial,Helvetica,sans-serif; }

.grid3 {	display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); grid-gap:10px; }
.grid3 > div { padding-bottom:10px;  }
.grid3 figure.image { margin:0 0; overflow:hidden; }
.grid3 figure.image img, div.panel_5 div.cms_content .grid3 a img { max-width:217px; max-height:305px; object-fit:contain; }

.grid4 {	display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); grid-gap:10px; }
.grid4 > div { padding-bottom:10px;  }
.grid4 figure.image { margin:0 0; overflow:hidden; }
.grid4 figure.image img, div.panel_5 div.cms_content .grid4 a img { width:150px !important; height:200px !important; object-fit:cover;  }

#sortandfilter { position:relative; right:0; padding:2px 5px 5px 5px; background-color:#E0E0E0; margin-bottom:15px; -webkit-overflow-scrolling:touch; }
.sfbutton { display:none; float:right; width:36px; height:36px; border-left:1px solid #F0F0F0; text-align:center; cursor:pointer; color:#999999; }
.sfbutton:hover { color:#000000; }

div.infobox_right { margin-top:30px; font-size:14px; padding-top:6px; border-top:1px solid #A0A0A0; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; }
div.infobox_right h2 { border-bottom:1px solid #E0E0E0; margin-bottom:5px; }

.black15 { color:#000000; font-size:15px; }
.black16 { color:#000000; font-size:16px; }
.black18 { color:#000000; font-size:18px; }
.black19 { color:#000000; font-size:19px; }

.gray15 { color:#777777; font-size:15px; }
.gray16 { color:#777777; font-size:16px; }
.gray18 { color:#777777; font-size:18px; }
.gray19 { color:#777777; font-size:19px; }

.divide_5_2 h2 { font-size:17px; font-weight:normal; color:#808080; margin:18px 0 1px 0; padding:0; }
.divide_5_2 h2:first-child { margin-top:1px; }
.ulinegray { border-bottom:1px solid #E0E0E0; }

.panel_4 div, .panel_5 div { font-size:15px; font-weight:normal; color:#000000; }
.panel_img img { display:block; width:100%; height:auto; max-width:135px; margin-bottom:2px; }
.panel_img .composerpic { margin-bottom:10px; font-size:12px; line-height:13px; max-width:135px; }
.panel_r h2:first-child { margin-top:1px; }

a.worklink, a.prodlink, a.medialink { display:block; text-decoration:none; padding:1px 0 2px 2px; position:relative; color:#000000; }
a.worklink:hover, a.prodlink:hover, a.medialink:hover { color:#660000; background-color:#F0F0F0; }
a.worklink span.wlt { display:block; white-space:nowrap; overflow:hidden; width:100%; max-width:512px; text-overflow:ellipsis; }
a.morelink     { display:block; font-size:14px; text-decoration:none; color:#333333; }
a.morelinkblue { display:block; font-size:14px; text-decoration:none; color:#186289; }
a.morelinkblue:hover { color:#909090; }
a.medialinkflex { display:flex; flex-wrap:nowrap; align-items:start; justify-content:start; gap:5px; }

.panel_r .filtercaption { font-size:12px; margin-top:4px; }
.panel_r select.fw  { display:block; width:100%; border:1px solid #A0A0A0; padding:2px 1px; font-family:PTSans,Arial,Helvetica; font-size:14px; }
.panel_r select.fwi { display:inline-block; border:1px solid #A0A0A0; padding:2px 1px; font-family:PTSans,Arial,Helvetica; font-size:14px; }
.panel_r .txti_full { display:block; width:100%; height:26px; line-height:20px; padding:2px 3px; border:1px solid #A0A0A0; }

.iconfilter { margin:0; font-size:13px; overflow:hidden; }
.iconfilter label { white-space:nowrap; overflow:hidden; }
.caticonsmobile { display:none; width:100%; height:auto; min-height:30px; overflow:hidden; }
.with_lsf { margin-top:0px; }

figure.image { margin:4px 6px; }
figure.image[style*="float:left"]  { margin:4px 10px 10px 0 !important; }
figure.image[style*="float:right"] { margin:4px 0 10px 10px !important; }
figure.image img { margin:0px 0 4px 0 !important; }
/* figure.image figcaption { font-size:12px; color:#0077AA; line-height:115%; max-width:100%; } */
figure.image figcaption { font-size:14px; color:#000000; font-style:italic; line-height:115%; max-width:100%; }

/* --- Footer --- */
div#footer { position:fixed; bottom:0; left:50%; width:100%; max-width:960px; transform:translateX(-50%); height:28px; background-color:#E0E0E0; border-top:1px solid #FFFFFF; text-align:right; z-index:99999; }
div.footermenu { margin:0; float:right; max-width:690px; overflow:hidden; }
a.footermenu { display:inline-block; min-width:92px; padding-left:5px; padding-right:5px; height:26px; font-size:14px; line-height:25px; color:#333333; text-align:center; text-decoration:none; margin:1px 0px; border-left:1px solid #FFFFFF; }
a.footermenu:hover { color:#000000; background-color:#E8E8E8; }


/* --- Ergebnislisten --- */
#filresdisp { display:block; width:100%; height:26px; line-height:25px; background-color:#E0EFFF; position:relative; padding:1px; }
#resetallfilters { position:absolute; right:1px; top:1px; width:24px; height:24px; display:block; background:transparent url(/assets/images/clear_filter.png) no-repeat center center; }
#resetallfilters:hover { background-color:#CCCCCC; }

div.nolistentries { font-size:16px; margin-top:30px; }
a.reglink, a.reglinkfirst { background-color:#EEEEEE; color:#A0A0A0; text-decoration:none; line-height:30px; text-align:center; display:inline-block; text-indent:0; margin-bottom:1px; }
a.reglink:hover, a.reglinkfirst:hover { background-color:#CCCCCC; color:#000000; }
a.active { background-color:#D0D0D0; color:#000000; }

div.listgroup_section_title { font-size:24px; font-weight:bold; margin-top:5px; line-height:25px; position:relative; padding-left:1px; }
div.listgroup_section_title span.anzw { position:absolute; right:40px; top:1px; width:40px; height:20px; text-align:right; font-size:11px; line-height:18px; font-weight:normal; }
div.listgroup_section_title span.anzp { position:absolute; right:0px;  top:1px; width:40px; height:20px; text-align:right; font-size:11px; line-height:18px; font-weight:normal; }

span.bl  { display:block; }
span.ibl { display:inline-block; max-width:100%; }

/* --- Product List --- */
.product_listentry { display:block; overflow:hidden; clear:both; position:relative; border-bottom:1px solid #F0F0F0; padding:5px 0 5px 0; min-height:75px; text-decoration:none; color:#000000; }
.product_listentry:hover { background-color:#F8F8F8; color:#000000; cursor:pointer; }

.prod_newitem_de, .prod_newitem_en { position:absolute; left:1px; top:0; width:25px; height:25px; background-position:top left; background-size:contain; background-repeat:no-repeat; }
.prod_newitem_de { background-image:url(/assets/images/corner_new_de.png); }
.prod_newitem_en { background-image:url(/assets/images/corner_new_en.png); }

.availas, .pgcicon { display:inline-block; width:25px; height:25px; margin-bottom:2px; background-color:transparent; background-image:url(/assets/images/available_as_25.png); background-repeat:no-repeat; margin-right:1px; }
.availas.prod { background-position:0 0; }
.availas.down { background-position:0 -25px; }
.availas.oacc { background-position:0 -50px; }
.availas.book { background-position:0 -75px; }
.availas.buch { background-position:0 -75px; }
.availas.cdda { background-position:0 -100px; }
.availas.dvdv { background-position:0 -125px; }
.availas.note { background-position:0 -150px; }
.availas.stim { background-position:0 -175px; }
.availas.flip { background-position:0 -200px; }
.availas.acce { background-position:0 0; }

.pgcicon { margin-right:0; margin-left:2px; }
.pgc_noten  { background-position:0 -150px; }
.pgc_buch   { background-position:0 -75px; }
.pgc_cd     { background-position:0 -100px; }
.pgc_cdda   { background-position:0 -100px; }
.pgc_stimme { background-position:0 -175px; }

a.oacclink { display:inline-block; color:#F68212; padding-right:14px; text-decoration:none; background:url(/assets/images/openaccessrepo.png) no-repeat right center; }

div.info_right { padding-right:32px; position:relative; }
a.info_icon  { display:block; position:absolute; right:0; top:0; width:30px; height:26px; color:#406389; font-size:23px; line-height:24px; padding-top:1px; text-align:center; text-decoration:none; }

.pt_icon { float:left; display:block; width:29px; height:29px; padding:1px; margin-right:2px; background-color:#FFFFFF; border:1px solid #A0A0A0; }
.pt_icon:nth-child(8) { margin-right:0; }
.pt_icon:hover { background-color:#E0F0FF; }

/* --- Composer List / Composer Card --- */
div.complist { position:relative; float:left; width:100%; }
div.complist .composer_listgroupblock { }
div.complist .composer_listgroup { font-size:24px; font-weight:bold; margin-top:5px; line-height:25px; }
div.complist a.composer_listentry { display:block; border-bottom: 1px solid #F8F8F8; height:22px; font-size:17px; font-weight:normal; color:#000000; text-indent:2px; text-decoration:none; position:relative; white-space:nowrap; overflow:hidden; }
div.complist a.composer_listentry:hover { color:#660000; background-color:#F0F0F0; }
div.complist a.composer_listentry span.anzw { position:absolute; right:40px; top:1px; width:40px; padding-right:5px; height:20px; text-align:right; font-size:12px; line-height:18px; background-color:#FFFFFF; }
div.complist a.composer_listentry span.anzp { position:absolute; right:0px;  top:1px; width:40px; padding-right:5px; height:20px; text-align:right; font-size:12px; line-height:18px; background-color:#FFFFFF; }
div.complist a.composer_listentry:hover span { color:#660000; background-color:#F0F0F0; }

div.complist .composer_lifetime  { font-size:15px; font-weight:normal; }
div.compsort { position:relative; float:right; width:275px; }

span.bdsymbol { display:inline-block; width:14px; text-align:center; margin-right:7px;  } 
div.born_died { font-size:14px; line-height:19px; height:19px; max-height:19px; overflow:hidden; }

div.shortinfo { width:100%; max-width:533px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 

/* --- Work List --- */
div.workslist { position:relative; float:left; width:100%; max-width:683px; }
div.workslist .works_listgroupblock { }
div.workslist .works_listgroup { font-size:24px; font-weight:bold; margin-top:5px; line-height:25px; }
div.workslist a.works_listentry { display:block; position:relative; border-bottom: 1px solid #E8E8E8; height:23px; font-size:16px; font-weight:normal; color:#000000; text-indent:2px; text-decoration:none; overflow:hidden; white-space:nowrap; }
div.workslist a.works_listentry:hover { color:#660000; background-color:#F0F0F0; }
span.wlellips { display:inline-block; height:20px; width:660px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; }
div.workslist .works_lifetime  { font-size:15px; font-weight:normal; }
div.workssort { position:relative; float:right; width:275px; }

span.fo_comp { position:absolute; right:10px; text-indent:60px; }
div.workslist a.works_listentry span.wlellips span.fo_comp       { color:#A95B38; background: url(/assets/images/fadeout_composer.png) no-repeat 0 0; font-size:16px; font-family:PTSansNarrow,'Arial Narrow',Arial,Helvetica; letter-spacing:normal; }
div.workslist a.works_listentry:hover span.wlellips span.fo_comp { color:#000000; background: url(/assets/images/fadeout_composer.png) no-repeat 0 -40px; }

span.wl_icon { position:absolute; top:1px; width:18px; height:18px; background-color:#FFFFFF; }
span.wl_wikipedia { background:url(/assets/images/ws_icons.png) no-repeat -1px   0px; }
span.wl_recommend { background:url(/assets/images/ws_icons.png) no-repeat -1px -20px; }
span.wl_beginners { background:url(/assets/images/ws_icons.png) no-repeat -1px -40px; }
span.wl_nodeliver { background:url(/assets/images/ws_icons.png) no-repeat -1px -60px; }

/* --- Work Page --- */
div.workinfo { font-size:15px; font-weight:normal; }
div.workinfo .dataline { position:relative; vertical-align:top; padding:0; max-width:100%; }
div.workinfo .caption  { display:inline-block; width:47%; max-width:200px; padding-top:2px; vertical-align:top; }
div.workinfo .data     { display:inline-block; width:53%; max-width:330px; padding-top:2px; vertical-align:top; }
div.workaddtitle { font-size:17px; font-weight:normal; color:#808080; margin:15px 0 1px 0; padding:0; } 
div.workaddtext  { font-size:14px; font-weight:normal; color:#000000; }
a.productlink { display:block; text-decoration:none; }
a.weblink     { display:block; text-decoration:none; }
img.workpicr       { display:block; border:1px solid #E0E0E0; }
img.workpicr:hover { border:1px solid #A0A0A0; }

/* --- Besetzungsauswahl --- */
label.il { display:inline-block; width:200px; height:20px; overflow:hidden; }
label.ilact { background-color:#E0FFE0; }

.debugovl { position:absolute; opacity:0.95; right:-275px; top:5; width:212px; height:auto; border:1px solid #A0A0A0; background-color:#FFFFFF; padding:0 5px 5px 5px; z-index:999; box-shadow:-5px 5px 8px 3px rgba(0,0,0,0.4); }
.debugovl label { font-size:13px; }

/* --- Add Composer --- */
.acoline { clear:both; width:100%; display:flex; }
.acocapt { width:40%; max-width:170px; padding-top:4px; position:relative; }
.acocaptn { width:30%; max-width:120px; padding-top:4px; }
.acodata { flex:1; padding-bottom:2px; }
.acodata input:read-only { background-color:#F0F0F0; }

.acoweblink { clear:both; width:100%; border-bottom:1px dotted #E0E0E0; padding:2px 0; }
.acowllang { width:40px; }
.vc_datesymbol { position:absolute; top:0; right:5px; width:22px; height:22px; line-height:22px; font-size:17px !important; text-align:center; }
div.acolockunlock { width:27px; height:27px; line-height:25px; font-size:20px; position:absolute; right:0; top:0; text-align:center; border:1px solid #A0A0A0; color:#999999; background-color:#FFFFFF; padding-top:4px; cursor:pointer; transition:1s ease; }
div.acolockunlock i { font-size:20px; }
div.acolockunlock:hover { background-color:#0077AA !important; color:#FFFFFF !important; }


/* --- Add Work --- */
input.besetzungselect { cursor:pointer; }
.awoline { clear:both; width:100%; display:flex; }
.awocapt { width:40%; max-width:170px; padding-top:4px; }
.awocaptn { width:30%; max-width:120px; padding-top:4px; }
.awodata { flex:1; padding-bottom:2px; }
.awodata input:read-only { background-color:#F0F0F0; }

.awoweblink { clear:both; width:100%; border-bottom:1px dotted #E0E0E0; padding:2px 0; }
.awowllang { width:40px; }
#c_awo_workname .autocomplete-suggestions { width:499px !important; }
#c_awo_workname .autocomplete-suggestion { width:499px !important; max-width:100% !important; }

.acodata option, .awodata option { font-size:14px; line-height:120%; font-family:'PTSans',Arial,Helvetica,sans-serif; }

/* --- Update History --- */
div.contentupdate { width:100%; overflow:hidden; text-overflow:ellpsis; margin-bottom:1px; }
div.contentupdate span { vertical-align:top; }
div.contentupdate .udatum { display:inline-block; width:70px; margin-right:5px; }
div.contentupdate .usect  { display:inline-block; width:70px; margin-right:5px; }
div.contentupdate .utype  { display:inline-block; width:70px; margin-right:5px; }
div.contentupdate .ucont  { display:inline-block; width:440px; max-width:100%; overflow:hidden; height:1.2em; text-overflow:ellipsis; }
#histfilter_mobile { display:none; width:100%; margin-top:3px; border-top:1px solid #E0E0E0; padding:5px 0 2px 0; position:relative; }
#histfilter_desktop { display:block; }

/* --- Verlagsliste --- */
.publisher_data { clear:both; padding-bottom:8px; margin-bottom:5px; border-bottom:1px dotted #E0E0E0; }
.pdata_line { display:flex; width:100%; }
.pdata_name { flex:1; }
.pdata_link { width:165px; }
.pdata_numb { font-size:14px; }

/* --- Audio/Video-Liste --- */
.media_listentry { width:100%; display:grid; grid-template-columns:28px 1fr 50px; gap:0 5px; align-content:center; align-items:center; position:relative; border-bottom: 1px solid #E8E8E8; min-height:30px; font-size:16px; font-weight:normal; color:#000000; text-decoration:none; line-height:105%; padding:2px 0; }
.media_listentry_head { background-color:#E0E0E0; margin-bottom:5px; min-height:30px; line-height:1.5rem; }
a.media_listentry:hover { color:#660000; background-color:#F0F0F0; }
a.media_listentry .playtime { font-size:15px; font-family:PTSansNarrow,'Arial Narrow',Arial,Helvetica; letter-spacing:normal; text-align:right; align-self:center; }
a.media_listentry > i { display:inline-block; width:28px; text-align:center; }
a.media_listentry .partcount { grid-column:3/4; font-size:12px; text-align:center; color:#888888; align-self:normal; line-height:100%; padding-left:18px; }
a.media_listentry .artistline { grid-column: 2 / 3; font-size:14px; padding-bottom:3px; display:flex; justify-content:space-between; flex-wrap:nowrap; gap:5px; align-items:start; }
a.media_listentry .newflag { font-size:10px; margin-left:auto; line-height:100%; margin-top:2px; text-transform:uppercase; color:#FFF; background-color:#08f; padding:2px 4px; border-radius:5px; }

.multimediaitem { display:flex; justify-content:space-between; gap:10px; align-items:center;  }
.multimediatitle { font-size:17px; margin:0 0 10px 0; padding:5px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; }
div.compname { font-size:17px; color:#808080; }

/* --- Audio/Video-Seite --- */
.mediatags { margin-top:20px; display:grid; grid-template-columns:130px 1fr; grid-gap:3px 15px; padding-bottom:30px; }
.playerwrapper { display:flex; gap:5px; justify-content:space-between; flex-wrap:nowrap; align-items:center; padding:1px; border:1px solid #E0E0E0; }
button.playing, button.paused { position:relative; width:28px; height:28px; min-width:28px !important; outline:none; }
button.paused:before, button.playing:before { font-family:FontAwesome; font-size:18px; width:28px; height:28px; line-height:25px; font-weight:normal; }
button.paused:before  { content:'\f04b'; margin:0 0 0 2px; }
button.playing:before { content:'\f04c'; margin:0 0 0 0px; }
.progress { width:0; height:100%; background-color:var(--buttonblue); }
.progress-bar { width:100%; height:20px; background-color:#E0E0E0; cursor:pointer; }
.timedisplay { font-family:PTSansNarrow; white-space:nowrap; min-width:75px; text-align:center; }
#audiovolume { accent-color:var(--buttonblue); }
.coverart { width:100%; max-width:400px; aspect-ratio:1; background-size:cover; }
.movements { margin-top:20px; }
.movement  { display:block; text-decoration:none; cursor:pointer; }
.movement:hover { background-color:#E0E0E0; color:#000000; }
.currentmovement { font-weight:bold; }
.movementbar { padding:5px 4px; border:1px solid #E0E0E0; margin:6px 0; }
.progbar { width:100%; height:20px; position:relative; background-color:#E0E0E0; margin:0; display:flex; justify-content:space-evenly; flex-wrap:nowrap; gap:0; }
.pbpart { position:relative; height:100%; border-width:0 1px 0 0; border-right-color:#FFFFFF; border-style:solid; }
.pbpart:last-child { border-right:none; }
.pbpart:hover { background-color:#A0A0A0 !important; }
.pbpart .songprogress { position:absolute; left:0; top:0; height:100%; width:1px; background-color:var(--buttonblue); display:none; }
.artistlink { text-decoration:none; position:relative; font-size:16px; font-weight:bold; display:block; }
/* .artistlink:after  { content:'\f0ac'; font-family:FontAwesome; font-size:20px; font-weight:normal; color:#888899; margin-left:7px; } */
.artistlink:before { content:'\f0a4'; font-family:FontAwesome; font-size:17px; font-weight:normal; color:#888899; margin-right:7px; }
.artistlink:hover:before { color:#000000; }

/* --- Produktseite --- */
#pd .itempicture { float:left; width:30%; max-width:215px; margin:0; padding-bottom:15px; }
#pd .itemdata_r, #pd .data  { float:left; width:68%; /* max-width:454px; */ margin:0 0 0 2%; }
#pd .itemdata_r h1 { font-size:17px; margin:0 0 10px 0; padding:5px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; }
#pd .itemdata_r .compname { font-size:17px; color:#808080; }
#pd .itemdata_r .lifetime { font-size:15px; }
#pd .itemdata_r .utfn { margin-top:10px; }
#pd .itemdata_r .itemdesc { margin-top:15px; font-size:15px; }
#pd div.itemdata_full { clear:both; width:100%; font-size:16px; }
#pd .capt { clear:both; float:left; width:30%; max-width:215px; margin-left:0px; padding:0px 1px 2px 0px; text-align:right; }

.digitalobjects a { padding:2px 0 2px 24px; position:relative; display:inline-block; line-height:115%; min-height:22px; }
.digitalobjects a > i { position:absolute; top:0px; left:0; font-size:18px; padding:1px 0; }

i.pdf, i.doc, i.xls, i.vid, i.aud { width:19px; }
i.pdf { color:#FF0000; }
i.doc { color:#0080C0; }
i.xls { color:#008800; }
i.vid { color:#FF0000; font-size:21px !important; }

a.brprod { display:block; position:relative; width:255px; min-height:60px; font-size:14px; color:#000000; overflow:auto; }
a.brprod:hover { background-color:#F8F8F8; }
a.brprod .prodimg { float:left; display:block; width:50px; border:1px solid #F4F4F4; margin:0 5px 5px 0; }
a.brprod .rspan   { float:left; display:block; width:192px; overflow-y:hidden; }
a.brprod .bspan   { clear:both; float:left; font-weight:bold; padding:1px 1px 3px 1px; }

div.ext_order_block { padding:3px; margin-left:31%; margin-top:5px; }
div.ext_order_caption { font-weight:bold; font-size:14px; padding:2px 0; }
div.ext_order_option { display:grid; grid-template-columns:102px 1fr 30px; align-items:center; grid-gap:5px; min-height:40px; border-top:1px solid #FFFFFF; background-color:#F0F0F0; }
div.ext_order_logo { margin:2px; width:100px; height:40px; background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; background-size:contain; border:2px solid #FFFFFF; }
div.ext_order_text1 { font-size:15px; padding-left:5px; }
div.ext_order_text2 { font-size:13px; padding-left:5px; }
a.ext_order_link { display:block; text-decoration:none; font-size:29px; text-align:center; }

/* Banner-Boxen */
div.prodlinkbox { width:257px; border:1px solid #E0E0E0; overflow-y:auto; margin-bottom:5px; padding:2px; }
div.prodlinkbox div { padding:2px; font-size:14px; }
a.wblink { text-decoration:none; display:block; width:248px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* --- Suchergebnis --- */
.panel_5 .sr_blockhead { width:100%; font-size:14px; color:#A0A0A0; border-bottom:1px solid #E0E0E0; padding-bottom:2px; margin:12px 0 1px 0; } 
a.srres { display:block; width:100%; color:#000000; padding:1px 0 1px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
a.srres:hover { color:#660000; background-color:#F0F0F0; }

/* --- Warenkorb und Checkout --- */
.checkoutstep { position:relative; display:inline-block; width:160px; max-width:22%; overflow:hidden; white-space:nowrap; height:36px; margin:1px 0 1px 0; border-left:1px solid #FFFFFF; color:#999999; }
span.cstnumber { position:absolute; display:block; left:6px; top:9px; background-color:#C8C8C8; color:#E0E0E0; font-size:13px; font-weight:bold; line-height:18px; -webkit-border-radius:9px; border-radius:9px; width:18px; height:18px; text-align:center; }
span.cstnumber.black, span.cstnumber.gray:hover { background-color:#666666; color:#FFFFFF; }
span.cstnumber.gray  { background-color:#A8A8A8; color:#E0E0E0; }

span.csttext { position:absolute; display:block; left:30px; top:0px; font-size:16px; line-height: 35px; color:#C8C8C8; width:125px; overflow:hidden; white-space:nowrap; }
span.csttext.black, span.csttext.gray:hover { color:#666666; }
span.csttext.gray  { color:#A8A8A8; }

/* --- Warenkorb --- */
.baskethead { display:block; clear:both; border-top:1px solid #E0E0E0; font-size:15px; margin-bottom:5px; padding:3px 0 3px 2px; }

div.basketcol_l, span.basketcol_l { display:block; float:left; width:60%; max-width:402px; }
.baskethead .picture   { display:block; width:55px; float:left; }
.baskethead .picdesc   { display:block; float:left; padding-bottom:3px; }

div.basketcol_r, span.basketcol_r { display:block; float:right; width:40%; min-width:265px; }
.baskethead .itype, .basketline .itype { display:block; width:35px; float:left; text-align:center; }
.baskethead .unitprice { display:block; width:60px; float:left; text-align:right; }
.baskethead .quantity  { display:block; width:50px; float:left; text-align:right; }
.baskethead .subsum    { display:block; width:115px; float:left; text-align:right; }

.basketline { display:block; clear:both; padding:3px 0px 3px 2px; vertical-align:top; border-top:1px solid #E0E0E0; font-size:15px; overflow:hidden; }
.basketline .basketcol_l { position:relative; }

.basketline .picture   { display:block; width:55px;  float:left; }
.basketline .product   { position:absolute; top:0; left:55px; display:block; width:100%; padding-right:50px; float:left; line-height:115%; max-height:85px; overflow:hidden; }


.basketline .itype     { padding-top:23px; font-size:13px; }
.basketline .prices    { display:block; width:60px; float:left; margin:0; text-align:right; }
.basketline .oldprice  { display:block; height:27px; min-width:1px; padding-top:5px; font-size:15px; } 
.basketline .unitprice { display:block; text-align:right; }

.basketline .quantity  { display:block; width:50px; float:left; margin:24px 5px 0 0; text-align:right; }
.basketline .delitem   { display:block; width:40px; float:left; margin:24px 0 0 0; padding-left:2px; }
.basketline .delbutton { display:block; border:0; height:26px; font-size:17px; background-color:#FFFFFF; cursor:pointer; padding:0; line-height:25px; }
.basketline .delbutton:hover { background-color:#E0E0E0; }
.basketline .linesum { display:block; width:70px; float:left; text-align:right; margin-top:27px; font-weight:bold; }

.ctotline { clear:both; width:100%; margin-top:3px; padding-top:3px; border-top:1px solid #A0A0A0; text-align:right; overflow:hidden; position:relative; }
.ctotline .totalline { display:block; width:100%; padding:0 110px 0 55px; text-align:left; font-weight:bold; line-height:110%; }
.ctotline .currency  { position:absolute; top:3px; right:70px; display:block; width:40px; float:left; font-weight:bold; }
.ctotline .totalsum  { position:absolute; top:3px; right:5px; display:block; width:70px; float:left; font-weight:bold; }

.coupon_area { clear:both; width:100%; padding:5px 0 5px 0; text-align:right; position:relative; }
.coupon_area .coupon_caption { display:block; width:120px; float:left; margin-left:55px; text-align:left; padding-top:4px; }
.coupon_area .coupon_input   { display:block; width:155px; float:left; text-align:left; }
.coupon_area .coupon_input input { border:1px solid #A0A0A0; padding:2px; width:130px; font-family:'Courier New',courier,monospace; font-size:17px; font-weight:bold; text-align:left; }
.coupon_area .currency  { position:absolute; top:4px; right:70px; display:block; width:40px; float:left; padding-top:4px;  }
.coupon_area .totalsum  { position:absolute; top:4px; right:5px; display:block; width:70px; float:left; padding-top:4px; }


.cshline { clear:both; width:100%; margin-top:2px; padding-top:2px; text-align:right; font-weight:normal; }
.cshline .totalline { display:block; width:500px; float:left; margin-left:55px; text-align:left; }
.cshline .currency  { display:block; width:40px;  float:left; }
.cshline .totalsum  { display:block; width:70px;  float:left; }

.price_and_cart { clear:both; margin-top:5px; padding-top:3px; max-width:880px; }
.price_and_cart .atcnormal { float:right; width:100px; }

select.cart1_dd { font-family:PTSans,Arial,Helvetica; font-size:14px; padding:2px 1px; border:1px solid #A0A0A0; }

div.scc { clear:both; width:100%; padding-left:55px; position:relative; }
div.scc .dd_caption { float:left; width:120px; }
div.scc .dd_space { float:left; max-width:360px; width:100%; padding-right:110px; }
div.scc .dd_captionplus { float:left; width:500px; }

div.scc .currency { position:absolute; right:70px; display:block; width:40px; float:left; font-weight:normal; text-align:right; }
div.scc .curr_val { position:absolute; right:5px;  display:block; width:70px; float:left; font-weight:normal; text-align:right; }
div.scc .shippingopt { float:left; display:block; width:280px; }
div.scc .cartweight  { float:left; display:block; width:70px; padding-top:3px; }

div#btn_cartinfo { background-color:#F0F0F0; position:relative; width:100%; height:26px; line-height:24px; font-size:15px; cursor:pointer; text-indent:2px;  }
.slidedown   { display:inline-block; height:16px; background:url(/assets/images/small_arrows.png) no-repeat 100% 0px; padding-right:20px; text-align:right; }
.slidedown:hover {background-position:100% -16px; }

.scrolltotop { display:none; position:absolute; right:0; top:-30px; width:91px; height:25px; cursor:pointer; background-color:#FFFFFF; border:1px solid #E0E0E0; text-align:center; font-size:12px; line-height:22px; }
.scrolltotop:hover { background-color:#E0E0E0; border-color:#E0E0E0; }

/* ----- Addresseingabe ----- */
.adr_line    { clear:both; display:block; margin:3px 0 1px 0; padding:0 0 0 2px; }
.adr_caption { display:inline-block; width:160px; padding:0; margin-top:3px; }
.adr_data    { display:inline-block; width:500px; max-width:100%; padding:0; }
.adr_data2   { display:inline-block; width:410px; max-width:100%; padding:0; }
.adr_reqfld  { display:inline-block; font-size:20px; padding-left:5px; line-height:16px; }
div.message_mf { background-color:#FF8080; color:#FFFFFF; font-size:14px; padding:2px 4px; margin:-8px 0 5px 0; }
div.message_cc { background-color:#FF8080; color:#FFFFFF; font-size:14px; padding:2px 4px; margin:1px 0 5px 0; }

/* ------- Blog-Kommentare ------ */
.blogcomment { padding:3px 1px 3px 1px; border-bottom:1px solid #E0E0E0; margin-bottom:2px; }
.blogcomment .bc_namedate { color:#555555; font-size:13px; }
.blogcomment .bc_comments { font-size:14px; padding:0 0 1px 17px; }

/* ---------- User Input ---------- */
img.preview { width:64px; height:64px; }
a.userpicpreview { display:block; float:left; width:66px; height:66px; border:1px solid #E0E0E0; margin-right:4px; text-decoration:none; }
div.inputtextline { position:relative; overflow:auto; width:100%; margin:1px 0 1px 0; }
div.inptxtcap { float:left; display:block; width:103px; height:26px; line-height:20px; padding-top:2px; }
input.inptxt  { float:left; display:block; width:322px; height:26px; line-height:20px; padding:2px 3px; border:1px solid #A0A0A0; }
.file_upload { position:relative; overflow:hidden; margin:1px; }
.file_upload input.upload { position:absolute; top:0; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; filter:alpha(opacity=0); }

div.userinputblock { font-size:14px; margin-top:3px; padding-bottom:2px; position:relative; width:100%; max-width:532px; text-overflow: ellipsis; height:59px; overflow: hidden; }
div.userinputfoot  { height:3px; border-bottom:1px dotted #E0E0E0; margin-bottom:2px; }
span.uipseudo { font-size:14px; color:#808080; max-width:100%;  }
div.inptoggle { position:absolute; right:0; background-color:#FFFFFF; color:#A0A0A0; font-size:18px; cursor:pointer; }
div.inptoggle:hover { color:#000000; }

div.userinput { position:relative; width:675px; max-width:100%; padding:5px 0 2px 2px; font-size:14px; border-bottom:1px solid #A0A0A0; margin-bottom:5px; overflow-y:auto; }

/* -------- Add Composer / Add Work ---------- */
.d200 { margin-top:1px; width:200px; height:20px; font-family:PTSansNarrow; margin-bottom:1px; }
.d40_160 > span  { display:inline-block; width:40px; font-size:11px; }
.d40_160 > input { margin-top:1px; width:160px; height:20px; font-family:PTSansNarrow; margin-bottom:1px; }

.aco_existing_pics { display:flex; justify-content:start; flex-wrap:wrap; gap:4px; }
.acpic_wrap { display:block; width:218px; border:1px solid #E0E0E0; padding:1px; margin:26px 0 0 0; position:relative; }
.acpic_wrap::before { content:''; position:absolute; top:-25px; left:-1px; width:calc(100% + 2px); height:24px; background-color:#F0F0F0; }

.acpic_pict { width:212px; height:165px; margin:5px auto; background-size:contain; background-position:top center; background-repeat:no-repeat; position:relative; }
.pic_hidden { opacity:0.4; }
.pic_hidden::after { content:'keine Freigabe'; display:block; font-size:16px; font-weight:bold; color:#FF0000; position:absolute; left:50%; bottom:50%; transform:rotate(-45deg) translate(-50%,-50%); } 

.acpic_desc { clear:both; font-size:13px !important; margin-top:5px; padding:0 5px 0 5px; min-height:25px; }
input.acpic_desc { width:100%; border:1px solid #F8F8F8; min-height:20px; margin:0 0 5px 0; }

.acpic_source { clear:both; font-size:13px !important; padding:2px 5px; border-top:1px dotted #E0E0E0; }
input.acpic_source { width:100%; border:1px solid #F8F8F8; }

.addpictext { width:100%; max-width:100%; min-width:100%; height:55px; min-height:55px; padding:2px; border:1px solid #A0A0A0; }

.acpic_del, .acpic_pvs  { position:absolute; top:-25px; width:24px; height:24px; font-size:19px !important; display:flex; align-items:center; justify-content:center; color:#666666; background-color:#F8F8F8; border:1px solid #E0E0E0; }
.acpic_del { right:0; }
.acpic_pvs { right:46px; }
.acpic_del:hover { background-color:#FF0000; }
.acpic_del:hover > i { color:#FFFFFF !important; }


span.flag_de { display:inline-block; width:23px; background:transparent url(/assets/images/flag_de.png) no-repeat center center; }
span.flag_en { display:inline-block; width:23px; background:transparent url(/assets/images/flag_en.png) no-repeat center center; }

.notopborder input { border-top:0 !important; }
.nobottomborder input { border-bottom:1px dotted #A0A0A0; !important; }
.notopbottomborder input { border-top:0 !important; border-bottom:1px dotted #A0A0A0; !important; }
.lastbottomborder input { border-bottom:1px solid #A0A0A0; !important; }

.acoline .autocomplete-suggestions, .awoline .autocomplete-suggestions { width:auto !important; }

/* ---------- File Upload ---------- */
#dragdropinfo { text-align:center; padding:15px 10px 0 10px; color:#888888; font-size:14px; }
#drop-area { border:2px dashed #C0C0C0; padding:5px; }
#drop-area.highlight { border-color:#00FF00; }
/*
#gallery { margin-top:10px; }
#gallery img { width:150px; margin-bottom:10px; margin-right:10px; vertical-align:middle; }
*/
#drop-area .button { display:inline-block; padding:10px; background:#ccc; cursor:pointer; border-radius:5px; border:1px solid #ccc; }
#drop-area .button:hover { background:#ddd; }
#drop-area-progess { padding:2px 0; position:absolute; bottom:-2px; left:0; right:0; }
#fileElem { display:none; }



/* -------- Mein Konto ---------- */
a.myacc_b { display:block; margin-bottom:15px; text-decoration:none; }
a.myacc_b:hover, a.myacc_b:hover h2 { color:#000000; }

.acctbl { width:100%; max-width:605px; border:0; padding:0; table-layout:fixed; }
.acctbl tr td { display:block; float:left; }
.acctbl tr td:first-child { width:30%; min-width:150px; padding-top:2px; }
.acctbl tr td + td { width:70%; min-width:310px; }

a.cp_workline { padding-top:2px; }
a.cp_workline > span { display:inline-block; min-width:310px; }
a.cp_workline > span span { display:inline-block; overflow:hidden; white-space:nowrap; line-height:120%; }
a.cp_workline:hover { background-color:#F0F0F0; color:#000000; }
span.cpwl_nr { width:30px; min-width:30px; text-align:right; padding-right:5px; }
span.cpwl_titel { width:275px; text-overflow:ellipsis; }
span.cpwl_ejahr { width:140px; padding-left:35px; }
span.cpwl_tonart { width:140px; padding-left:5px; }
span.cpwl_status { width:20px; text-align:right; padding-right:2px; }

a.prod_add_edit { display:block; text-decoration:none; width:100%; min-height:28px; position:relative; }
a.prod_add_edit:hover { background-color:#F0F0F0; color:#000000; }

.verweis_small { display:inline-block; background-color:#7190b3; color:#FFFFFF; vertical-align:top; text-align:center; font-family: Arial,Helvetica,sans-serif; font-size:11px; width:14px; height:14px; line-height:15px; margin-left:4px; -webkit-border-radius:7px; border-radius:7px; }
.verweis       { display:inline-block; background-color:#7190b3; color:#FFFFFF; vertical-align:top; text-align:center; font-family: Arial,Helvetica,sans-serif; font-size:11px; width:14px; height:14px; -webkit-border-radius:7px; border-radius:7px; line-height:16px; }

a.cp_prodlink { display:block; width:99%; min-height:22px; height:auto; overflow:hidden; position:relative; padding:2px; border:1px solid #A0A0A0; margin-bottom:2px; -webkit-border-radius:3px; border-radius:3px; }
a.cp_prodlink:hover { background-color:#F0F0F0; color:#000000; }
a.cp_prodlink span { display:inline-block; vertical-align:middle; }
a.cp_prodlink span.prod_type { position:absolute; left:2px; top:0px; width:20px; height:100%; min-height:22px; padding-top:3px; border-right:1px solid #E0E0E0; text-align:center; }
a.cp_prodlink span.prod_jahr { position:absolute; left:25px; top:1px; width:40px; max-width:40px; overflow:hidden; white-space:nowrap; }
a.cp_prodlink span.prod_text { width:90%; padding:0 0 0 75px; overflow:hidden; line-height:110%; max-height:34px; }
a.cp_prodlink span.prod_stat { position:absolute; right:2px; top:2px; width:10%; height:22px; text-align:right; }

div#cpsavemessage { position:absolute; top:25px; left:0; width:99%; margin:0; border:2px solid #006600; color:#006600; background-color:#DDFFDD; text-align:center; padding:1px 4px; z-index:9999; font-weight:bold; font-size:14px; }

/* ----- Students and Teachers ----- */
.ml_languagesel { display:inline-block; padding:4px; }
.gotom4v { display:inline-block; width:105px; height:18px; padding-top:3px; background:url(/assets/images/EWALD/logo.png) no-repeat top right; background-size:contain; text-decoration:none; }

.studentlist-title { height:35px; padding:5px; margin:10px 0 5px 0; width:100%; background-color:#F0F0F0; font-size:16px; font-weight:bold; position:relative; }
.studentlist-add { position:absolute; right:5px; top:4px; min-width:130px; background-color:#008800; color:#FFFFFF; }
.studentlist-add:hover { background-color:#009900; color:#FFFFFF; }
.studentlist-add > i.fa { font-size:18px; }

.studentlist { width:100%; padding:5px 0; font-size:16px; border:0; border-collapse:collapse; }
.studentline { border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; border-bottom:none; }
.studentline > td { vertical-align:middle; min-width:50px; text-align:left; padding:5px 0; cursor:pointer; }
.studentline > td.icon { width:35px; min-width:35px; text-align:center; }
.studentline > td:first-child { padding-left:5px; }
.studentline > td:last-child  { padding-right:5px; text-align:right; vertical-align:middle; }
.studentline:hover { background-color:#F0F0F0 !important; opacity:1 !important; }
.studentlineact { border-top:1px solid #90EE90 !important; border-left:1px solid #90EE90 !important; border-right:1px solid #90EE90 !important; background-color:#E0FFE0 !important; }
.studentlineact:hover { background-color:#E0FFE0 !important; }
.suggproddesc { line-height:110%; }
.suggestnewwork_btn { min-width:130px; }
.suggyellow { background-color:#FFFFE0; }

.studentstatus { display:inline-block; width:18px; height:18px; border-radius:9px; -webkit-border-radius:9px; }
.studentdivider > td { border-top:1px solid #E0E0E0; padding-bottom:3px;  }

.studentprodlistwrap { display:none; }
.studentprodlist { width:100.05%; margin-left:-0.01%; padding:5px; border-collapse:collapse; border-top:none; border-left:1px solid #90EE90; border-right:1px solid #90EE90; border-bottom:1px solid #90EE90; font-size:15px; }
.studentprodlist th, .studentprodlist td { padding:3px 1px; }
.studentprodlist tr > th:first-child, .studentprodlist tr > td:first-child { padding-left:5px; }
.studentprodlist tr > th:last-child,  .studentprodlist tr > td:last-child  { padding-right:7px; }

.studentprodlist th { font-weight:normal; text-align:left; font-size:14px; background-color:#F0F0F0; border-top:1px solid #E0E0E0; }
.studentprodlist td { font-size:15px; height:40px; border-top:1px solid #E0E0E0; vertical-align:middle; }
.studentprodlist .nodatamsg { display:block; border:1px solid #E0E0E0; background-color:#FFFFA0; padding:5px; font-size:15px; text-align:center; line-height:110%; margin-right:5px; }
.stproposeicon { position:absolute; top display:block; width:25px; height:30px; right:2px; top:9px; text-align:left; }
.stproposeicon > i { font-size:21px; vertical-align:top; }

.as-row { width:99%; }
.as-row input[type=text] { width:99%; padding:5px; border:1px solid #C0C0C0; resize:vertical; }
.as-row select { padding:4px 2px; border:1px solid #C0C0C0; }
.as-capt { font-size:13px; color:#333333; padding-top:2px; }
.as-data { }
.as-row label { display:inline-block; padding:5px 5px 2px 0; }
.as-row:after { content:"", display:table; clear:both; }
.invalidval { border:1px solid #FF0000; }

.lg_mainnav { float:left; font-size:18px; font-weight:bold; line-height:35px; }
.lg_mainnav > span { font-weight:normal; }
.lg_studentname { padding-left:5px; max-width:calc(80% - 40px); white-space:nowrap; overflow:hidden; }
.lg_cartinfo, .lg_cartempty { position:absolute; top:0; right:0px; width:calc(20% + 1px); height:38px; display:none; font-size:16px; cursor:pointer; }
.lg_cartinfo > a { display:block; text-decoration:none; width:calc(100% - 3px); height:31px !important; margin:3px 0 0 0; background-color:#008800; color:#FFFFFF !important; border-radius:3px; -webkit-border-radius:3px; text-align:center; animation:greenpulse 2s infinite; overflow:hidden; line-height:130% !important; }
.lg_cartinfo > a:hover { color:#FFFFFF !important; }
@keyframes greenpulse {	0% { background-color:#007000; }	70% { background-color:#00A000; } 100% { background-color:#007000; }}
.lg_cartempty > a { display:block; text-decoration:none; width:calc(100% - 3px); height:31px !important; margin:3px 0 0 0; background-color:#D0D0D0; color:#FFFFFF !important; border-radius:3px; -webkit-border-radius:3px; text-align:center; overflow:hidden; line-height:130% !important; }
span.goto_cart_icon { display:inline-block; width:20px; height:20px; vertical-align:text-bottom; background:url(/assets/images/carts2.png) no-repeat; background-position:0 0; }

.lg_gradeprice { position:absolute; display:block; max-width:15%; min-height:20px; right:0px; top:7px; text-align:right; }
.lg_gradeprice > div.lgp_grade { font-size:14px; text-align:right; padding-bottom:5px; }
.lg_gradeprice > div.lgp_price { font-size:14px; font-weight:bold; text-align:right; white-space:nowrap; }

.lg_productbar { font-size:15px; padding:0 0 6px 0; display:flex; justify-content:space-between; flex-direction:row; }
.lg_suggest, .lg_suggest_done { border:1px solid #E0E0E0; padding:2px 5px; cursor:pointer; background-color:#F0F0F0; color:#000000; width:170px; text-align:center; }
.lg_suggest:hover { background-color:#666666; color:#FFFFFF; }
.alreadysuggested { position:absolute; text-align:center; font-weight:bold !important; left:50%; width:150px; margin-left:-75px; top:20px; z-index:998; border:1px solid #888888; color:#666666 !important; background-color:#FFFFFF; padding:5px 2px; }
.lg_suggest_done { display:none; background-color:#F0FFF0; }
.lg_digitalobjs  { border:1px solid #E0E0E0; padding:2px 5px; cursor:pointer; color:#000000; text-align:center; }

.products_sugg, .products_paid { width:100%; padding:0; margin-bottom:10px; }
.student_prod_title { padding:5px; background-color:#008800; color:#FFFFFF; font-weight:bold; border:1px solid #008800; position:relative; }
#toggle_ps0, #toggle_ps1 { position:absolute; right:0; top:0; width:32px; height:32px; color:#FFFFFF; font-size:24px; padding:3px; text-align:center; opacity:0.6; }
#toggle_ps1 { display:none; }
.student_prod_container { border:1px solid #E0E0E0; margin:2px 0 5px 0; padding:2px 1px 0 3px; position:relative; }
.student_prod_data { display:flex; padding:5px; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
.spd_picture { display:block; width:60px; margin-bottom:2px; text-decoration:none; }
.spd_itemdesc { max-width:calc(100% - 295px); min-width:calc(100% - 285px); line-height:100%; font-size:16px; }
.spd_infoarea { width:220px; text-align:right; padding-top:30px; }
.spd_suggestby { white-space:nowrap; overflow:hidden; padding-bottom:6px; color:#888888; }
.spd_price { font-weight:bold; font-size:18px; }

.products_paid .spd_infoarea { display:none; }

.student_prod_btns { display:flex; flex-direction:row; justify-content:space-between; padding:0 1px; position:relative; }
.student_prod_btns > div { max-width:20%; width:20%; }
.student_prod_btns > div .mlbutton { min-width:unset; }
.student_prod_btns button, .student_prod_btns a { margin:0 0 5px 0; width:99%; }
.student_prod_btns a { display:block; }

.prod_att_display, .prod_aud_display, .prod_vid_display { position:absolute; bottom:33px; width:calc(20% - 4px); min-width:180px; max-width:60%; display:none; padding:5px; background-color:#FFFFFF; border:1px solid #A0A0A0; -webkit-box-shadow: 0px -2px 3px 2px rgba(0,0,0,0.4); box-shadow: 0px -2px 3px 2px rgba(0,0,0,0.4); border-bottom:0; }
.prod_att_display { left:calc(20% + 3px);  }
.prod_aud_display { left:calc(40% + 1px); width:calc(20% - 2px);  }
.prod_vid_display { right:calc(20% + 3px); }

.prod_att_link, .prod_aud_link, .prod_vid_link { min-height:32px; white-space:nowrap; text-align:left; margin:3px 0; width:100%; display:block; }
.prod_att_link a, .prod_aud_link a, .prod_vid_link a { display:flex; flex-direction:row; justify-content:flex-start; width:100%; white-space:normal; line-height:105%; padding-bottom:5px; }

.mlitemlist .prod_aud_display, .mlitemlist .prod_vid_display { display:block; position:unset; max-width:unset; border:0; width:auto; padding:0; -webkit-box-shadow:none; box-shadow:none; }
.mlitemlist .prod_aud_link, .mlitemlist .prod_vid_link { min-height:16px; }

.buybutton > span.spd_carticon { display:inline-block; width:20px; height:20px; vertical-align:text-bottom; background:url(/assets/images/carts2.png) no-repeat; background-position:0 -20px; }
.buybutton:hover > span.spd_carticon { background-position:0 0; }
.isincartbtn { display:none; }
.spd_reject_dialog { display:none; position:absolute; text-align:center; left:0; top:5px; margin:0 21%; width:58%; background-color:#FFFFFF; border:3px solid #FF0000; padding:10px; box-shadow:6px 5px 11px 1px rgba(0,0,0,0.4); -webkit-box-shadow:6px 5px 11px 1px rgba(0,0,0,0.4); border-radius:5px; -webkit-border-radius:5px; }
.spd_reject { position:absolute; top:5px; right:5px; max-width:21%; height:28px; background-color:#FFFFFF; color:#000000; border:1px solid #A0A0A0; border-radius:3px; -webkit-border-radius:3px; padding:3px 5px 2px 5px; text-align:right; cursor:pointer; white-space:nowrap; }
.spd_reject i { color:#666666; font-size:17px; }
.spd_reject:hover { background-color:#666666; color:#FFFFFF; }
.spd_reject:hover i { color:#FF0000; }

.cartline { padding:5px; border-top:1px solid #F0F0F0; display:flex; justify-content:space-between; flex-direction:row; flex-wrap:nowrap; width:100%; }
.lg_removefromcart { position:absolute; left:0; top:0; width:25px; height:25px; }

.paycancelmsg { position:absolute; left:0; top:80px; width:100%; height:auto; z-index:999999; text-align:center; }
.paycancelmsg > div { display:inline-block; width:400px; max-width:80%; margin:0 auto 0 auto; background-color:#FFFFFF; color:#FF0000; border:2px solid #FF0000; padding:0; border-radius:7px; -webkit-border-radius:7px; }

.paymenttypes { width:calc(100% - 4px); margin-left:2px; display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap; }
.paytypeblock { position:relative; width:20%; min-width:140px; min-height:70px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #888888; text-align:center; margin-bottom:5px; padding-bottom:30px; cursor:pointer; }
.paytypeblock:hover { background-color:#F0F0F0; }
.paytypeblock img { width:40%; border:0; height:auto; max-height:55px; margin:2px; }
.paytypeblockprice { position:absolute; left:0; bottom:0; width:100%; height:28px; max-height:28px; line-height:27px; background-color:#E0E0E0; border-top:1px solid #888888; font-weight:bold; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }

table.prepayinfobox { border:0; table-layout:fixed; }
table.prepayinfobox td { vertical-align:top; padding:2px; }
table.prepayinfobox tr td:first-child { font-weight:bold; font-family:PTSansNarrow; }

/* -------- Order History ------- */
a.historyline { display:block; text-decoration:none; background-color:#FFFFFF; padding:1px 0 1px 0; }
a.historyline:hover { background-color:#F0F0F0; color:#000000; }

.hist_docno { display:block; float:left; width:80px; margin-right:10px; }
.hist_date  { display:block; float:left; width:95px; margin-right:10px; }
.hist_reference { display:block; float:left; width:240px; overflow:hidden; }
.hist_amount { display:block; float:right; width:75px; text-align:right; }

div.salesline { clear:both; width:100%; }
.sale_itemno  { display:block; float:left; width:70px; margin-right:10px; }
.sale_type    { display:block; float:left; width:20px; margin-right:5px; }
.sale_descr   { display:block; float:left; width:230px; margin-right:10px; overflow:hidden; }
.sale_qty     { display:block; float:left; width:45px; text-align:right; }
.sale_price   { display:block; float:left; width:65px; text-align:right; }
.sale_amount  { display:block; float:left; width:80px; text-align:right; }
.sale_percent { display:block; float:left; width:35px; text-align:right; }

/* ---------- FancyBox ---------- */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin { position:relative; background:#010101; color:#F4F4F4; text-shadow:none; -webkit-border-radius:5px; border-radius:5px; }
.fancybox-opened { z-index:8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
.fancybox-error { color:#444444; font:14px/20px Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; }
.fancybox-image { max-width:100%; max-height:100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(/assets/images/themes/fancybox/fancybox_sprite.png); }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div { width:44px; height:44px; background:url(/assets/images/themes/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(/assets/images/themes/fancybox/blank.gif); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; }
.fancybox-prev { left:0; }
.fancybox-next { right:0; }
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; }
.fancybox-prev span { left:10px; background-position:0 -36px; }
.fancybox-next span { right:10px; background-position:0 -72px; }
.fancybox-nav:hover span { visibility:visible; }
.fancybox-tmp { position:absolute; top:-9999px; left:-9999px; visibility:hidden; }
.fancybox-lock { overflow:hidden; }
.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(/assets/images/themes/fancybox/fancybox_overlay.png); }
.fancybox-overlay-fixed { position:fixed; bottom:0; right:0; }
.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; }

/* .fancybox-title { visibility:hidden; font:normal 13px/20px Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; } */
.fancybox-title { position:absolute; top:-23px; left:0; visibility:hidden; font-weight:normal; font-size:17px; font-family:PTSans,Helvetica,Arial,sans-serif; text-shadow:none; z-index:8050; max-width:100%; overflow:hidden; }

.fancybox-opened .fancybox-title { visibility:visible; }

/* .fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; } */
.fancybox-title-float-wrap { position:absolute; z-index:8030; width:auto !important; }

.fancybox-title-float-wrap .child { display:inline-block; padding:2px 10px; max-width:100%; background:transparent; background:rgba(0,0,0,0.8); -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; line-height:22px; white-space:nowrap; }
.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#FFFFFF; }
.fancybox-title-inside-wrap { padding-top:10px; }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#FFFFFF; padding:10px; background:#000000; background:rgba(0,0,0,.8); }

/* --- Test Prevent Right-Shift */
.fancybox-lock { overflow:visible !important; margin-right:0px !important; }
.fancybox-lock .fancybox-overlay { overflow-y: inherit!important; }


.workeditor .fancybox-title { top:-19px; background-color:#000000; padding:2px 4px; font-size:15px; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.workeditor .fancybox-title-inside-wrap { padding-top:0; }

/* -- AUTOCOMPLETE -- */
.autocomplete-suggestions { text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #999999; background:#FFFFFF; cursor:default; overflow:auto; -webkit-box-shadow:1px 4px 3px rgba(50,50,50,0.64); -moz-box-shadow:1px 4px 3px rgba(50,50,50,0.64); box-shadow:1px 4px 3px rgba(50,50,50,0.64); }
.autocomplete-suggestion { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete-no-suggestion { padding:2px 5px;}
.autocomplete-selected { background:#F0F0F0; }
.autocomplete-suggestions strong { font-weight:bold; color:#000000; }
.autocomplete-group { padding:2px 5px; }
.autocomplete-group strong { font-weight:bold; font-size:16px; color:#000000; display:block; border-bottom:1px solid #000000; }

#max_large { display:block; }
#max_small { display:none; }

div.flex2 { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:start; }
div.flex2 > figure, div.flex2 cke_widget_wrapper { display:block; padding:1px 1px; flex-grow:1; width:40%; min-width:90px; max-width:47%; height:auto; margin-bottom:10px; position:relative; }
div.flex2 cke_widget_wrapper figure { width:100%; }
div.flex2 a { display:block; padding:1px 1px; flex-grow:1; width:49%; min-width:90px; max-width:unset; height:auto; margin-bottom:2px; position:relative; }
div.flex2 figure a { display:block; padding:0; width:100%; height:auto;  }
div.flex2 img { max-width:100% !important; width:100% !important; height:auto !important; }

div.flex3 { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
div.flex3 > figure, div.flex3 cke_widget_wrapper { display:block; padding:1px 3px; flex-grow:1; width:30%; min-width:100px; max-width:155px; height:auto; margin-bottom:10px; position:relative; }
div.flex3 cke_widget_wrapper figure { width:100%; }
div.flex3 a { display:block; padding:1px 3px; flex-grow:1; width:30%; min-width:100px; max-width:155px; height:auto; margin-bottom:2px; position:relative; }
div.flex3 figure a { display:block; padding:0; width:100%; height:auto;  }
div.flex3 img { max-width:100% !important; width:100% !important; height:auto !important; }

/* -- MEDIA QUERIES -- */
@media only screen and (max-width:1600px)	
	{
	#idg_debug_output { display:none; }
	}
	
@media only screen and (max-width:980px)	
	{
	div.cms_content { padding:0 1% 20px 1%; }
	div.cms_content table { width:102% !important; max-width:102% !important; margin-left:-1%; }
	div.panel_3, div.panel_4, div.panel_5 { padding-left:2px; }
	#idg_debug_output { display:none; }
	div.contentupdate .ucont  { max-width:100%; width:100%; margin-bottom:2px; }
	}

@media only screen and (max-width:950px)	
	{
	div.basketcol_l, span.basketcol_l { width:90%; }
	div.copyrightinfo { max-width:24%; }
	div.footermenu { max-width:75%; }
	a.footermenu { width:12.5%; min-width:80px; }
	
	#searchbutton_m { display:block; }
	div.searchbox   { display:none; position:absolute; margin:1px; left:36px; right:0px; height:34px; width:auto; }
	div.searchbox_f { display:none; position:absolute; margin:1px; left:36px; right:36px; height:34px; width:auto; }
	div#searchbox_c, div#searchhint { width:100%; }
	}

@media only screen and (max-width:800px)
	{
	a#backbutton { margin-right:0; border-left:1px solid #F0F0F0; }
	#sortandfilter { position:fixed; top:105px; right:-320px; width:310px; z-index:999; -webkit-box-shadow:-3px 3px 5px 0px rgba(0,0,0,0.4); box-shadow:-3px 3px 5px 0px rgba(0,0,0,0.4); -webkit-transition:right 0.5s ease 0s; -o-transition:right 0.5s ease 0s; -moz-transition:right 0.5s ease 0s; transition:right 0.5s ease 0s; }
	.sfbutton { display:block; }
	#max_large { display:none; }
	#max_small { display:block; }
	#iconfilterarea { position:absolute; top:0; right:100%; width:100%; }
	#filresdisp { display:block; }
	
	.with_lsf { margin-top:32px; border-top:1px solid #E0E0E0; padding-top:2px; }
	.caticonsmobile { position:absolute; left:2px; top:0; display:block; }
	.caticonsmobile .filtercaption { float:left; font-size:12px; min-width:65px; }
	.caticonsmobile .iconfilter { float:left; }
	div.ext_order_block { margin-left:3%; }
	}


@media only screen and (max-width:680px)	
	{
	.teacherarealink { display:none !important; }
	.links50, .rechts50, .links50 span, .rechts50 span { font-size:16px !important; line-height:130%; }
	div.copyrightinfo { max-width:24%; }
	a.footermenu { width:12.5%; min-width:70px; padding-left:3px; padding-right:3px; }
	div.instcolumn:nth-of-type(3) { clear:left; }
	
	div.panel_5 div.cms_content a > img { max-width:40% !important; height:auto; }
	
	}


/* --- change main menu --- */
@media only screen and (max-width:620px)	
	{
	html { height:100vh; }
	#imageMenu { display:none; }
	#imageMenuMob { display:block; }
	#imageTeacher { height:160px; margin-top:0; }
	
	div.menubsd { top:235px; }
	div#menubarspc { height:55px; }
	
	div.divide_5_2 { background-image:none; }
	div.panel_5 { width:100% }
	div.panel_5 .padr15 { padding-right:0 !important; } 
	div.panel_r { clear:both; width:calc(100% - 10px); max-width:calc(100% - 10px); margin-left:9px; }
	div.panel_r > div { padding-left:0 !important; }
	#histfilter_mobile { display:block; }
	#histfilter_desktop { display:none; }
	
	div.panel_4    { width:79%; margin-right:1%; }
	div.panel_img  { position:relative; float:left; width:20%; max-width:135px; }
	#pad_left { padding-right:2px !important; }
	
	.links50, .rechts50, .links50 span, .rechts50 span { font-size:15px !important; line-height:125%; }
	div.shortinfo { font-size:13px; }
	
	
	span.fo_comp { text-indent:40px; }
	
	div.footermenu { position:absolute; left:0; margin:0; float:left; width:100%; max-width:690px; overflow:hidden; }
	a.footermenu { width:16.666%; min-width:auto; padding-left:2px; padding-right:2px; font-family:PTSansNarrow; }
	div.copyrightinfo { display:none; }
	
	a.myacc_b { display:block; width:100%; text-align:center; margin-bottom:10px; text-decoration:none; padding:5px; background-color:#E0E0E0; }
	
	.acctbl tr td:first-child { width:30%; min-width:150px; padding-top:2px; font-size:14px; }
	.acctbl tr td + td { width:70%; min-width:310px; }
	.acctbl_caption { font-size:14px; white-space:nowrap; }
	
	.spd_itemdesc { max-width:calc(100vw - 80px); width:300px; font-family:PTSansNarrow; padding-right:20px; }
	.spd_infoarea { width:100%; padding-top:0; }
	
	.coverart { max-width:94vw; }
	}

@media only screen and (max-width:524px)	
	{
	.acctbl tr td:first-child { width:95%; min-width:150px; padding-top:2px; font-size:12px; vertical-align:bottom; }
	.acctbl tr td + td { width:95%; min-width:310px; }
	.acctbl_caption { font-size:12px; white-space:nowrap; }
	#picpreview { margin-bottom:30px; }
	.uploadfile_cp { width:95%; bottom:35px; }
	}
	
@media only screen and (max-width:485px)	
	{
	#baskettext { display:none; }
	a.mb_cart .number { margin-left:0; }
	.links50, .rechts50 { clear:both; width:100% !important; border-left:0; border-right:0; min-height:50px !important; height:auto !important; }
	
	span.fo_comp { text-indent:30px; }
	a.works_listentry span.wlellips { font-family:PTSansNarrow; }
	
	div.cms_content a.bloglinktitle * { font-size:18px !important; line-height:21px !important; color:#AF5C38; text-decoration:none; }
	div.panel_r img { display:block; }
	
	div.panel_4    { width:99%; margin-right:1%; }
	div.padr15 { padding-right:1px !important; }
	#histfilter_mobile label, #histfilter_mobile > div { font-size:14px; }
	
	div.panel_img  { position:relative; float:left; width:99%; max-width:99%; margin-bottom:10px; }
	div.panel_img img { display:block; max-width:135px; float:left; margin-right:5px; }
	
	div.workinfo .caption  { display:inline-block; width:47%; max-width:200px; font-size:13px; padding-top:3px; vertical-align:top; }
	
	#pd .capt { font-size:14px; font-family:PTSansNarrow; padding-right:2px; }
	div.userinput { font-size:13px; }
	
	.acctbl tr td:first-child { width:95%; min-width:150px; padding-top:2px; font-size:12px; vertical-align:bottom; }
	.acctbl tr td + td { width:95%; min-width:310px; }
	.acctbl_caption { font-size:12px; white-space:nowrap; }
	.uploadfile_cp { width:95%; max-width:95%; bottom:35px; }
	
	a.footermenu { width:16.666%; min-width:auto; overflow:hidden; text-align:center; padding-left:1px; padding-right:1px; font-family:PTSansNarrow; }
	div.copyrightinfo, div.logintext { font-family:PTSansNarrow; }
	
	.ui-tabs .ui-tabs-nav { font-family:PTSansNarrow; }
	.acocapt { width:34.5%; font-family:PTSansNarrow; }
	.suggproddesc { font-family:PTSansNarrow; }
	.mlbutton { height:auto; }
	.mlbutton .mob_break { display:block; }
	.prod_att_display, .prod_aud_display, .prod_vid_display { bottom:58px; }
	.ml_itemcomposer { min-height:27px; }
	
	}

@media only screen and (max-width:420px)	
	{
	.paytypeblock { width:48%; margin-left:0.9%; margin-right:0.9%; }
	}

@media only screen and (max-width:360px)	
	{
	#histfilter_mobile label { font-size:14px; font-family:PTSansNarrow; }
	div.complist a.composer_listentry { font-size:16px; font-family:PTSansNarrow; }
	}

@keyframes flippagecorner
	{
	0%   { right:-18px; bottom:-22px; width:10px; height:30px; }
	50%  { right:0px;   bottom:0px; width:42px; height:42px; }
	100% { right:-18px; bottom:-22px; width:10px; height:30px;  }
	}

#flippagec { animation-name:flippagecorner; animation-duration:6s; animation-iteration-count:infinite; }