body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#wrapper{width:960px;margin:0 auto}[class*=grid]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class*=ce_],.mod_article [class*=mod_]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class*=layout_]>*,.mod_article [class*=event_]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}[class*=grid]{float:none!important;display:block!important;width:auto!important}[class*=offset]{margin-left:10px!important}}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*!
* Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../../files/isotope-demo/theme/font-awesome/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../../files/isotope-demo/theme/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../../files/isotope-demo/theme/font-awesome/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../../files/isotope-demo/theme/font-awesome/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../../files/isotope-demo/theme/font-awesome/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;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.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.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-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-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{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:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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-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-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc: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-reply-all:before{content:"\f122"}.fa-mail-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{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"}
/* contaodemo.css - styles for contao content elements
.............................................
Authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller
@author................: Stefan Melz
Style Map
1) Accordion
2) Table
3) Image gallery
4) Comments
5) Social bar
6) Slider
............................................. */
/* 1) Accordion, ce_accordion
___________________________________________________________*/
/* outer wrapper of each ce */
.ce_accordion {
margin-top: -1px;
border: 1px solid #d4cbc5;
border-bottom: none;
}
/* headline as trigger for the accordion */
.toggler {
background: #f4f2f0; /* Old browsers */
background: -moz-linear-gradient(top, #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #d4cbc5;
border-top: 1px solid #f4f2f0;
padding: 6px 10px;
font-size: 1.6em;
font-weight: bold;
color: #7f7266;
cursor: pointer;
}
/* toggle active and hover status */
.toggler:hover,
.toggler.active {
color: #60584d;
}
/* inside element for arrow image */
.toggler span {
display: block;
background: url("../../files/isotope-demo/theme/img/icons/icon_arrow-bottom.png") no-repeat 100% 5px;
}
/* inside active */
.toggler.active span {
background-image: url("../../files/isotope-demo/theme/img/icons/icon_arrow-top.png");
}
/* inner accordion wrapper */
.accordion {
font-size: 1.4em;
line-height: 1.4;
}
/* stop font minimizing inside the inner wrapper */
.accordion p {
font-size: 1.0em;
}
/* styling for inner > inner wrapper */
.accordion > div {
background: #f4f2f0;
padding: 6px 10px;
border-bottom: 1px solid #D4CBC5;
}
/* 2) Table, global style extending
___________________________________________________________*/
/* stretch up the tables */
table {
width: 100%;
}
/* headline styling */
th {
border-bottom: 1px solid #e1dad6;
text-align: left;
padding: 1% 1%;
background-color: #eee9e7;
}
/* simple body item styles */
td {
padding: 1% 1%;
background-color: #f4f2f0;
border-bottom: 1px solid #e1dad6;
}
.row_last td{
border-bottom: none;
}
/* bring up some zebra look */
.odd td {
background-color: #f6f6f6;
}
/* 3) Comments, extending forms.css
___________________________________________________________*/
.comment_default {
margin-bottom: 20px;
}
.ce_comments h2 {
font-size: 2.0em;
color: #60584D;
border-color: #D0C9C2;
}
.ce_comments p.info {
padding: 5px 5px;
font-weight: bold;
margin: 0;
color: #ED7404;
}
.ce_comments .comment {
padding: 0 5px;
border: 1px solid #e1dad6;
background-color: #f4f2f0;
margin: 0;
}
.ce_comments .reply {
margin: 10px 0px 0 30px; padding: 0;
}
.ce_comments .reply p.info {
background: transparent;
}
.ce_comments .form {
margin-top: 30px;
}
/* 4) Image and Gallery features, extending forms.css
___________________________________________________________*/
#container .image_container a img {
display: inline-block;
padding: 2px;
border: 1px solid #d4cbc5;
position: relative;
}
#container .image_container a:hover img {
border-color: #ed7404;
}
#container figure.float_left {
margin-right: 20px;
}
#container figure.float_right {
margin-left: 20px;
}
#container .caption {
background-color: #d4cbc5;
padding: 3px;
}
/* 5) Social media bar hack
___________________________________________________________*/
.social {
background: #eae5e2;
border-top: 1px solid #e5dfdc;
border-bottom: 1px solid #e5dfdc;
text-align: right;
padding: 10px 0;
padding-right: 15px;
}
.social a {
display: inline-block;
margin-left: 8px;
}
.social img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.social a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/* 5) Styles for downloads
___________________________________________________________*/
.ce_downloads ul {
list-style-type: none;
margin: 0;
padding: 0;
border-top: 1px solid #E1DAD6;
}
.ce_downloads li {
font-size: 1.4em;
padding: 1%;
background-color: #F4F2F0;
border-bottom: 1px solid #E1DAD6;
margin-top: 2px;
}
.ce_downloads img {
vertical-align: middle;
margin-right: 1%;
}
.content-slider {
overflow: hidden;
visibility: hidden;
position: relative;
}
/* 6) Slider
___________________________________________________________*/
.slider-wrapper {
overflow: hidden;
position: relative;
}
.slider-wrapper > div {
float:left;
width:100%;
padding: 0;
height: 300px;
}
.slidebox1 {
position: relative;
background: #eae5e2; /* Old browsers */
background: -moz-linear-gradient(top, #eae5e2 0%, #f4f2f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae5e2), color-stop(100%,#f4f2f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eae5e2 0%,#f4f2f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eae5e2 0%,#f4f2f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eae5e2 0%,#f4f2f1 100%); /* IE10+ */
background: linear-gradient(to bottom, #eae5e2 0%,#f4f2f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5e2', endColorstr='#f4f2f1',GradientType=0 ); /* IE6-9 */
}
.slidebox1 h1,
.slidebox1 p {
margin-left: 20px;
margin-right: 50%;
}
.slidebox1 .image_container {
position: absolute;
top: 0;
right: 0;
}
.slider-control .slider-menu {
font-size: 4em;
}
.slider-control .slider-prev,
.slider-control .slider-next {
font-size: 1.4em;
margin-top: 3px;
}
/* Contao Sliderfix */
.mod_article .slider-wrapper *[class*="ce_"] {
margin: 0;
}
.mod_article .ce_sliderStart {
margin: 0;
}
/* details.css - styles for vent, faq and news detail pages
.............................................
Authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Sascha Mueller
Style Map
1) Accordion
2) Table
3) Image gallery
4) Comments
5) Social bar
............................................. */
/* Infos like author etc. */
.layout_full .info {
font-style: italic;
padding-top: 0;
margin-top: 0;
border-bottom: 1px dotted #d0c9c2;
padding-bottom: 5px;
}
/* Reset headline */
.layout_full h1 {
margin-bottom: 3px;
}
/* Repeating hint for events */
.recurring {
border: 1px solid #DE601A;
padding: 5px;
background-color: #FF9B50;
color: #fff;
}
.layout_full h2 {
border-bottom: none;
margin-bottom: 0;
}
/* events.css - styles for events elements
.............................................
Authors
@author................: Sascha Mueller
@author................: Joe Ray Gregory joe@may17.de
Style Map
1) News Listing
2) Calendar
3) Minicalendar
............................................. */
/* 1) News Listing
___________________________________________________________*/
.mod_eventlist .event {
margin: 15px 0 0; padding: 0 0 15px;
font-size: 1.4em; line-height: 1.4;
border-bottom: 1px solid #60584D;
overflow: hidden;
}
#main .mod_eventlist .last {border-bottom: 1px solid transparent;}
.layout_upcoming a {float: left; display: block; width: 99%;}
.layout_upcoming .date {margin:0; font-size: 0.8em; display: block;}
.layout_upcoming .time {display: none;}
/* 2) Calendar
___________________________________________________________*/
.mod_calendar .active {
background-color: #ed7404;
color: #fff;
font-weight: bold;
}
.mod_calendar .active a {
color: #fff;
}
.mod_calendar .active a:hover,
#main .mod_calendar .active a:hover {
color: #5d2f00;
}
.mod_calendar .header {
font-size: 1.8em;
text-align: center;
}
.mod_calendar th {
text-align: center;
}
.mod_calendar .empty {
background: #E1DAD6;
}
/* 3) Minicalendar
___________________________________________________________*/
#left .mod_calendar {
margin: 0;
width: 100%;
font-size: 0.9em;
}
.box-2 .last td {
border-bottom: none;
text-align: center;
}
.box-2 td {
text-align: center;
}
.mod_calendar .head a {
text-decoration: none;
}
.mod_calendar .head a:hover {
color: #ed7404;
}
@media (max-width:767px)
{
.mod_calendar th {
font-size: 0.3em;
}
.mod_calendar .header {
font-size: 0.8em;
}
.mod_calendar .event {
font-size: 0.6em;
}
}
/* faq.css - styles for faq elements
.............................................
Authors
@author................: Sascha Mueller
@author................: Felix Pfeiffer
@author................: Joe Ray Gregory joe@may17.de
............................................. */
.mod_faqpage section {padding-bottom: 20px;}
.mod_faqpage p.info {
margin: 10px 0 0; padding: 0 0 5px;
font-size: 1.2em;
font-style: italic;
border-bottom: 1px solid #E1DAD6;
}
/* footer.css - all styles for special footer elements
.............................................
Authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller
............................................. */
#footer .inside {
padding: 0 0 10px;
float: left;
background-color: #473f3a;
color: #9E9084;
}
#footer .inside > [class*="grid"] {
margin-left: 10px;
margin-right: 10px;
}
#footer a,
#footer a:visited,
#footer a:hover,
#footer a:focus,
#footer a:active {
color: #FFF;
text-decoration: none;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
text-decoration: underline;
}
@media (max-width:767px)
{
#footer .inside {
float: none;
}
}
/* forms.css - styles for form elements
.............................................
Authors
@author................: Carolina Köhn www.kikmedia.de
@author................: responsive and mobile by Stefan Melz slashworks stefan@slash-works.de
@author................: modifyed for ma2 by Joe Ray Gregory joe@may17.de
Style Map
1) Generel
2) Login
3) small displays and tablets
4) portrait tablets and phone
............................................. */
/* 1) Generel
___________________________________________________________*/
.checkbox_container label, .radio_container label{
font-weight: normal;
}
.tableless label {
display: block; margin-top: 1.5em; padding-bottom: 3px;
}
.tableless .checkbox_container label, .tableless .radio_container label {
display: inline;
}
label{
font-size:1.4em;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="search"] {
padding: 6px;
background-color: #fff;
border: 1px solid #d4cbc5;
}
#container input[type="text"],
input[type="password"],
input[type="email"],
textarea,
.upload,
#container input[type="search"] {
font-size: 1.4em;
}
#container input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="search"] {
width: 60%;
}
.mod_subscribe input[type="text"] {
width: 210px;
}
textarea {
width: 90%;
height: 140px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
background: #EDEDED;
border: 1px solid #CFCFCF;
}
select {
width: 63%;
padding: 4px 3px 4px 1px;
background-color: #fff;
border: 1px solid #CCCCCC;
font-size: 1.4em;
}
.checkbox_container span,
.radio_container span {
display: block;
}
.checkbox_container + br,
.radio_container + br {
display: none;
}
.checkbox_container label,
.checkbox_container input,
.radio_container label,
.radio_container input{
vertical-align: middle;
}
.checkbox {
font-size: 105%;
}
.tableless input[type="checkbox"],
x:-moz-any-link {
top: 0px;
position: relative;
}
.checkbox_container {
margin-top: 10px;
}
input[type="radio"],
x:-moz-any-link {
top: 0px;
position: relative;
}
.submit_container {
margin-top: 1em;
margin-bottom: 1em;
}
form table td {
padding-top: 3px;
padding-bottom: 3px;
}
form table td:first-child {
width: 45%;
padding-bottom: 0px;
text-align: left;
}
.tableform table {
width: 92%;
margin-top: 1.5em;
margin-bottom: 0px;
}
#container .tableform .formbody,
#container .tableless .formbody {
width: 100%;
overflow: hidden;
}
.tableless .formbody {
padding-top: 0px;
}
legend {
padding-right: 6px;
color: #00ADF1;
}
fieldset table {
width: 92%;
margin-top: 1em ! important;
margin-bottom: 1em ! important;
}
fieldset table td:first-child {
width: 140px;
text-align: left;
}
span.mandatory {
display: inline;
padding-left: 2px;
font-weight: bold;
color: #FF0000;
}
p.confirm {
color: #00ADF1;
}
p.error {
margin-bottom: 6px;
font-weight: bold;
color: #FF0000;
}
input.error[type="text"],
input.error[type="email"],
input.error[type="password"],
textarea.error {
background-color: #FFFFDD;
border-color: #FF0000;
}
input.captcha {
width: 48px;
}
span.captcha_text {
font-weight: normal;
font-size: 1.4em;
}
label span.captcha_text {
font-size: 1.0em;
}
:first-child + html span.captcha_text {
top: -3px;
position: relative;
}
#container .submit {
font-size: 1.4em;
border: 1px solid #de601a;
background: #ff9b50; /* Old browsers */
background: -moz-linear-gradient(top, #ff9b50 0%, #fd7d0d 3%, #ee7404 96%, #de601a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b50), color-stop(3%,#fd7d0d), color-stop(96%,#ee7404), color-stop(100%,#de601a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b50', endColorstr='#de601a',GradientType=0 ); /* IE6-9 */
color: #fff;
font-weight: bold;
padding: 5px;
display: inline-block;
cursor: pointer;
}
.submit:hover {
display: inline-block;
color: #7A7A7A;
cursor: pointer;
}
select {
width: 63%;
padding: 4px 3px 4px 1px;
border: 1px solid #CCCCCC;
}
.checkbox_container span,
.radio_container span {
display: block;
}
.checkbox_container + br,
.radio_container + br {
display: none;
}
.checkbox_container label,
.checkbox_container input {
vertical-align: middle;
}
.tableless input[type="checkbox"],
x:-moz-any-link {
top: -2px;
position: relative;
}
.checkbox_container {
margin-top: 10px;
}
input[type="radio"],
x:-moz-any-link {
top: 2px;
position: relative;
}
.submit_container {
margin-top: 1em;
margin-bottom: 1em;
}
#main .formbody .submit_container {
border-top: 1px dotted #D0C9C2;
padding-top: 20px;
margin-top: 10px;
}
/* 2) Login Box
___________________________________________________________*/
#container .mod_login {
position: relative;
}
#container .mod_login .text {
width: 74.4%;
display: inline-block;
}
#container .mod_login label {
width: 20%;
display: inline-block;
}
#container .mod_login br {
display: none;
}
#container .mod_login .checkbox_container {
position: absolute;
bottom: 14px;
right: 18.5%;
}
#container .mod_login .checkbox_container label {
width: 120px;
margin-top: 7px;
}
#container .mod_login .submit_container {
position: absolute;
bottom: 0;
right: 3em;
border: none;
}
#container .grid6 .mod_login .submit_container {
right: 1.8em;
}
#container .mod_login .checkbox {
margin-top: 7px;
}
/* 3) small displays and tablets
___________________________________________________________*/
@media (min-width:768px) and (max-width:979px)
{
#container .mod_login .text,
#container .mod_login label {
display: block;
}
#container .mod_login .text {
width: 97%;
}
#container .mod_login .checkbox_container {
left: 1em;
right: auto;
}
#container .mod_login .checkbox_container label {
display: inline;
}
#container .mod_login .submit_container {
float: right;
}
span.captcha_text {
display: block;
}
}
/* 4) portrait tablets and phone
___________________________________________________________*/
@media (max-width:767px)
{
.tableform table{
width: 100%;
font-size: 1em;
line-height: 1.4em;
border:1px solid #e1dad6;
}
#container input[type="text"],
input[type="email"],
input[type="password"],
textarea, input[type="search"]{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#main .formbody .submit_container {
border-top: none;
padding-top: 0px;
margin-top: 10px;
}
#left {
clear: both;
}
#container .mod_login .text,
#container .mod_login label {
display: block;
}
#container .mod_login .text {
width: 100%;
}
#container .mod_login .checkbox_container {
margin-left: 0%;
}
#container .mod_login .checkbox_container label {
display: inline;
}
#container .mod_login .submit_container {
float: right;
}
#container .mod_login .checkbox_container {
left: 1em;
right: auto;
}
}
/* header.css - styles for header elements
.............................................
Authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller
Style Map
1) Generel
2) Search form
3) Header image
............................................. */
/* 1) Generel
___________________________________________________________*/
/* add some space */
#header .mod_article {
clear: both;
margin-top: 20px;
}
/* position the logo */
.logo {
clear: both;
float: left;
margin-left: 10px;
}
/* grey bar on the top */
.header-top-bar {
border-top: 1px solid #e5dfdc;
background-color: #eae5e2;
font-size: 1.2em;
overflow: auto;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 20px;
width: 100%;
margin-left: 0px;
}
/* inner part of the top bar */
.header-top-bar .inner {
padding: 5px 10px;
}
/* rss feed button */
.rss {
float: right;
margin-top: 2px;
margin-left: 10px;
}
/* simple line after the navigation and logo */
.inside > .header-line {
clear: both;
border-bottom: 1px dotted #d0c9c2;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
}
/* 2) Search form - form.css overrides
___________________________________________________________*/
.form-search {
float: right;
width: 200px;
}
.form-search .text,
.form-search .submit_container {
float: left;
}
.form-search .text {
margin: 0;
line-height: 1.2em;
padding: 4px 6px;
width: 80%;
}
.form-search .formbody {
float: left;
position: relative;
width: 100%;
}
/* 3) Header image at the frontpage
___________________________________________________________*/
.header-image {
position: relative;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
}
.header-text {
position: absolute;
bottom: 0;
right: 0;
background-color: #ed7404;
background-color: rgba(236, 116, 4, 0.8);
width: 96%;
padding: 0 2%;
color: #fff;
margin: 0;
}
.header-image .ce_image {
margin: 0;
}
.header-text p {
padding: 0px;
margin-bottom: 5px;
font-size: 2.4em;
}
.header-text h1 {
border-top: 2px solid #fff;
padding-top: 5px;
margin-top: 0;
}
.header-image img {
display: block;
}
@media (max-width:767px)
{
.header-image .image_container {
padding: 0 !important;
margin-left: 0px !important;
margin-right: 0px !important;
float: none !important;
}
.header-image {
font-size: 70%;
}
}
/* Stylesheet file for contao music academy 2
.............................................
authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller
@author................: responsive and mobile by Stefan Melz slashworks stefan@slash-works.de
Style Hints
@colors
orange:
Example: Used for headlines
Hex: ed7404
rgb:237,116,4
darkgrey:
Example: Used for base text
Hex: 60584d
rgb: 95, 88, 82
............................................. */
/* Native elements */
body {
background: url("../../files/isotope-demo/theme/img/bg/body.png");
font-family: Arial, Helvetica, sans-serif;
color: #60584d;
font-size:62.5%;
}
/* FP: Table on page "content elements" */
.content-element-list td {
vertical-align: top;
}
.content-element-list td.col_0,
.content-element-list th.head_0 {
width: 25%;
}
.content-element-list td.col_1,
.content-element-list th.head_1 {
width: 20%;
}
/* Layout parts */
#main {
float: left;
clear: both;
margin-top: 10px;
padding: 0 0 60px;
}
#left {
margin-top: 20px;
margin-right: 10px;
}
.columns2 #main .inside {
padding-left: 10px;
}
#container {
clear: both;
padding-bottom: 20px;
}
/* General Helpers */
.clearfix:after, #wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.clr {
clear: both;
}
.box-1 {
border: 1px solid #e5dfdc;
background-color: #eae5e2;
padding: 1em;
}
.box-2 {
margin-top: 20px;
border: 1px solid #e1dad6;
border-left: none;
background-color: #f4f2f0;
}
@media (max-width:767px)
{
body {
background: none;
}
#main .inside {
margin-left: 0;
margin-right: 0;
}
.image_container {
padding: 0 !important;
margin-left: 0 !important;
margin-right: 10px !important;
float: none !important;
}
figcaption {
padding: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
width: 100% !important;
margin-bottom: 20px;
}
}
.ie7 #container {zoom: 1;}
.ie7 #header .inside {position: static;}
.ie7 .mod_newsmenu ul {margin: 0; padding: 0;}
/* portrait tablets and phone
___________________________________________________________*/
@media (max-width:767px)
{
.mod_article *[class*="ce_"], .mod_article *[class*="mod_"] {
margin-left: 0px;
margin-right: 10px;
}
}
/* Stylesheet file for contao music academy 2
.............................................
authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller
Style Hints
@colors
orange:
Example: Used for headlines
Hex: ed7404
rgb:237,116,4
darkgrey:
Example: Used for base text
Hex: 60584d
rgb: 95, 88, 82
............................................. */
figure {
margin: 0;
padding: 0;
}
fieldset {
border: none;
}
a {
color: #60584d;
}
h1 {
font-size: 3.6em;
}
h1 a,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {text-decoration: none; color: #60584d;}
h1 a:hover,
h1 a:focus,
h1 a:active {text-decoration: underline;}
h2, legend {
color: #ed7404;
font-size: 2.4em;
border-bottom: 2px solid #ed7404;
padding-bottom: 5px;
}
legend {
display: block;
margin-bottom: 20px;
width: 100%;
}
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
#container a:hover {
color: #ed7404;
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {text-decoration: none; color: #ed7404;}
h2 a:hover,
h2 a:focus,
h2 a:active {text-decoration: underline;}
h3 {
font-size: 1.8em;
text-transform: uppercase;
color: #ed7404;
}
p,
.caption,
table,
.ce_text ul,
ol {
font-size: 1.4em;
line-height: 1.4;
}
.ce_text ul ul {
font-size: 1em;
}
.ce_text ul {
margin: 0;
padding-left: 1.2em;
}
/* navigation.css - all styles for navigation modules
.............................................
Authors
@author................: Joe Ray Gregory joe@may17.de
@author................: Felix Pfeiffer
@author................: Sascha Mueller
Style Map
1) General
2) Main Navigation
3) Meta Navigation
4) Left Navigation
5) Pagination
6) Book navigation
7) Quicknav disabled
8) Breadcrumb
9) Sitemap
10) small displays and tablets
11) portrait tablets and phone
............................................. */
/* 1) General
___________________________________________________________*/
.mod_navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
/* 2) Main Navigation
___________________________________________________________*/
/* 3) Meta Navigation
___________________________________________________________*/
.nav-meta {
float: right;
line-height: 30px;
margin-right: 10px;
}
.nav-meta li {
display: inline;
padding: 0 5px;
}
.nav-meta a {
text-decoration: none;
}
.nav-meta a:hover {
text-decoration: underline;
}
/* 4) Left Navigation
___________________________________________________________*/
.nav-left {
margin: 20px 0 0 0px;
border: 1px solid #e1dad6;
border-left: none;
font-weight: bold;
}
.nav-left a,
.nav-left strong.active,
.nav-left strong.trail,
.nav-left a.trail {
border-top: 1px solid #fff;
border-bottom: 1px solid #e1dad6;
display: block;
padding: 10px;
color: #7f7266;
text-decoration: none;
background: url("../../files/isotope-demo/theme/img/icons/icon_arrow-right-grey.png") no-repeat 95% 50% #f4f2f0;
font-size: 1.6em;
}
.nav-left a:hover {
color: #ed7404;
background-image: url("../../files/isotope-demo/theme/img/icons/icon_arrow-right-orange.png");
}
.nav-left strong.active,
.nav-left strong.trail,
.nav-left a.trail {
background-color: #ed7404;
background-image: url("../../files/isotope-demo/theme/img/icons/icon_arrow-right-darkorange.png");
color: #fff;
border-top-color: #ff9b50;
}
.nav-left .last a,
.nav-left .last strong.active,
.nav-left strong.trail {
border-bottom: none;
}
/* 5) Pagination
___________________________________________________________*/
.pagination {
clear: both;
border-top: 1px solid #e1dad6;
padding-top: 5px;
margin-top: 10px;
}
.pagination ul {
list-style: none;
padding: 0;
margin: 0;
}
.pagination li {
float: left;
}
.pagination a,
.pagination span {
font-size: 1.4em;
border: 1px solid #e1dad6;
border-bottom-color: #d4cbc5;
display: block;
padding: 5px;
color: #7f7266;
text-decoration: none;
background: #f4f2f0; /* Old browsers */
background: -moz-linear-gradient(top, #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 ); /* IE6-9 */
margin-right: 2px;
}
.pagination span {
border: 1px solid #de601a;
border-bottom-color: #cf5917;
display: block;
padding: 5px;
color: #ffffff;
background: #ff9b50; /* Old browsers */
background: -moz-linear-gradient(top, #ff9b50 0%, #fd7d0d 3%, #ee7404 96%, #de601a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b50), color-stop(3%,#fd7d0d), color-stop(96%,#ee7404), color-stop(100%,#de601a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b50', endColorstr='#de601a',GradientType=0 ); /* IE6-9 */
}
/* 6) Book Navigation
___________________________________________________________*/
.mod_booknav {
clear: both;
border-top: 1px solid #e1dad6;
padding-top: 5px;
margin-top: 10px;
}
.mod_booknav ul {
list-style: none;
padding: 0;
margin: 0;
}
.mod_booknav li {
float: left;
}
.mod_booknav a,
.mod_booknav span {
font-size: 1.4em;
border: 1px solid #e1dad6;
border-bottom-color: #d4cbc5;
display: block;
padding: 5px;
color: #7f7266;
text-decoration: none;
background: #f4f2f0; /* Old browsers */
background: -moz-linear-gradient(top, #f4f2f0 0%, #eee9e7 3%, #e1dad6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f0), color-stop(3%,#eee9e7), color-stop(100%,#e1dad6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f2f0 0%,#eee9e7 3%,#e1dad6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 ); /* IE6-9 */
margin-right: 2px;
}
.mod_booknav span {
border: 1px solid #de601a;
border-bottom-color: #cf5917;
display: block;
padding: 5px;
color: #ffffff;
background: #ff9b50; /* Old browsers */
background: -moz-linear-gradient(top, #ff9b50 0%, #fd7d0d 3%, #ee7404 96%, #de601a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b50), color-stop(3%,#fd7d0d), color-stop(96%,#ee7404), color-stop(100%,#de601a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9b50 0%,#fd7d0d 3%,#ee7404 96%,#de601a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b50', endColorstr='#de601a',GradientType=0 ); /* IE6-9 */
}
.mod_booknav a:hover {
background: #f4f2f0;
border-color: #e5dfdc;
color: #ed7404;
}
/* Hide the up, prev buttons for pages with this class */
.noprevlink .mod_booknav .up,
.noprevlink .mod_booknav .prev{
display: none;
}
/* 7) Quick nav
___________________________________________________________
.mod_quicknav {
border: 1px solid #95857a;
border-bottom: 1px solid #76695f;
background: #9b8d81;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliOGQ4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTdiNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #9b8d81 0%, #897b70 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b8d81), color-stop(100%,#897b70));
background: -webkit-linear-gradient(top, #9b8d81 0%,#897b70 100%);
background: -o-linear-gradient(top, #9b8d81 0%,#897b70 100%);
background: -ms-linear-gradient(top, #9b8d81 0%,#897b70 100%);
background: linear-gradient(to bottom, #9b8d81 0%,#897b70 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b8d81', endColorstr='#897b70',GradientType=0 );
}
.mod_quicknav .select {
font-size: 1.4em;
background: #9b8d81;
border: none;
color: #FFF; display: block;
}
.mod_quicknav option {
background: none;
padding: 7px 9px;
background: #9b8d81; width: 100%;
}
.mod_quicknav option:hover,
.mod_quicknav option:focus {background: #ED7404;}
.mod_quicknav .submit {display: none;}
*/
/* 8) Breadcrumb
___________________________________________________________*/
.mod_breadcrumb ul {
list-style: none;
padding: 0;
margin: 15px 0 0 10px;
font-size: 1.2em;
}
.mod_breadcrumb li {
float: left;
background: url("../../files/isotope-demo/theme/img/icons/icon_arrow-small.png") no-repeat 100% 50%;
padding-right: 15px;
padding-left: 5px;
}
.mod_breadcrumb .first {
padding-left: 0px;
}
.mod_breadcrumb a {
text-decoration: none;
}
.mod_breadcrumb a:hover {
text-decoration: underline;
}
.mod_breadcrumb .active {
color: #ed7404;
font-weight: bold;
background: none;
}
/* 9) Sitemap
___________________________________________________________*/
.mod_sitemap ul {
font-size: 1.4em;
line-height: 1.4;
margin: 0;
list-style: none;
padding: 0;
margin: 0;
}
.mod_sitemap li {
background: url("../../files/isotope-demo/theme/img/bg/sitemap_normal.png") no-repeat 0 0px;
padding: 0px 0 5px 15px;
margin: 0;
}
.mod_sitemap > ul > li.first {
background-image: url("../../files/isotope-demo/theme/img/bg/sitemap_first.png");
}
.mod_sitemap li.last {
background-image: url("../../files/isotope-demo/theme/img/bg/sitemap_last.png");
}
.mod_sitemap ul ul {
font-size: 1em;
}
.mod_sitemap ul ul ul {
}
.mod_sitemap a {
display: block;
background-color: #fbfaf9;
padding: 2px;
}
/* 10) landscape tablets and smaller screens
___________________________________________________________*/
@media (min-width:768px) and (max-width:979px)
{
.nav-main,
.nav-left {
font-size: 0.8em;
}
figure {
float: none !important;
padding: 0 !important;
margin: 0 !important;
}
.caption {
margin-bottom: 20px;
}
}
/* 11) Phone and portrait styles
___________________________________________________________*/
@media (max-width:767px)
{
.nav-main {
background: url("../../files/isotope-demo/theme/img/nav_mobile.png") no-repeat 50% 50% #ed7404;
width: 35px;
height: 33px;
}
.nav-main ul {
left: -999em;
position: absolute;
z-index: 99;
}
.nav-main ul ul {
display: none;
}
.nav-main:hover ul {
left: auto;
margin-left: -200px;
}
.nav-main li {
float: none;
clear: both;
}
.nav-main li {
width: 200px;
}
.nav-main > ul > li.submenu:hover a,
.nav-main > ul > li.submenu:hover .active {
padding-bottom: 9px;
}
.nav-left {
margin: 0 10px 20px 10px;
border-left: 1px solid #e1dad6;
}
.mod_breadcrumb {
display: none;
}
.mobile .nav-main {
width: auto;
height: auto;
float: none;
background: none;
margin-right: 0;
}
.mobile .nav-main ul {
position: static;
width: 100%;
float: none;
}
.mobile .nav-main:hover ul {
margin-left: 0;
}
.mobile .nav-main li {
width: 100%;
float: none;
}
.mobile #footer .nav-main a {
font-size: 1.8em;
color: #7f7266;
}
.mobile #footer .nav-main > ul > li > .trail {
color: #fff;
}
.mobile .nav-main ul ul {
display: block;
}
.mobile .nav-main .submenu > ul,
.mobile .nav-main .submenu:hover > ul {
background: #f4f2f0;
padding: 0;
margin: 0;
border: none;
}
.mobile .nav-main .submenu:hover > ul li {
padding: 0;
margin: 0;
border: none;
}
.mobile .nav-main .submenu:hover > ul a,
.mobile .nav-main .submenu > ul a,
.mobile .nav-main .submenu > ul li .active {
color: #7f7266;
display: block;
padding: 8px;
padding-left: 25px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e1dad6;
}
.mobile .nav-main .submenu > ul li .active {
color: #ed7404;
font-size: 1.8em;
}
}
/* listing.css - styles for contao content elements
.............................................
Authors
@author................: Sascha Mueller
@author................: Joe Ray Gregory joe@may17.de
Style Map
1) Teaser
2) Newslist
3) Layout Simple
4) Layout Short
5) Newsarchiv
6) Newsarchiv Navigation
............................................. */
/* 1) Teaser
___________________________________________________________*/
.teaser {
font-size: 1.4em;
line-height: 1.4;
}
.teaser p,
.teaser ul {
font-size: 1.0em;
}
/* 2) Newslist
___________________________________________________________*/
.mod_newslist {
padding: 0 0 10px;
border-bottom: none;
}
.mod_newslist .last {
border-bottom: 1px solid transparent;
}
.mod_newslist p.info {
font-size: 1.1em;
margin-bottom: 0;
}
/* 3) Layout Simple
___________________________________________________________*/
.mod_newslist .layout_simple {
margin: 15px 0 0; padding: 0 0 15px;
font-size: 1.4em; line-height: 1.4;
border-bottom: 1px solid #60584D;
}
.layout_simple time {
display: block; font-size: 0.8em;
}
/* 4) Layout Short
___________________________________________________________*/
.layout_short {margin-bottom:20px;}
.layout_short h2 {margin-top: 0;}
/* 5) Newsarchiv
___________________________________________________________*/
.mod_newsarchive p.info {font-size: 1.1em; margin-bottom: 0;}
.mod_newsarchive h2 {margin-top: 0;}
.mod_newsarchive h1 {padding: 0 10px; }
/* 6) Newsarchiv Navigation
___________________________________________________________*/
.mod_newsmenu {
margin: 20px 0 0;
border-left: none;
font-weight: bold;
}
.mod_newsmenu ul {
margin: 0; padding: 0;
list-style: none;
}
.mod_newsmenu ul > .year {
font-size: 1.6em;
color: #ed7404;
padding-left: 0;
/* text-indent: 1em; */
border: 1px solid #e1dad6;
margin-bottom: 20px;
background-color: #f4f2f0;
}
.mod_newsmenu .year ul {
margin-top: 0;
}
.mod_newsmenu a,
.mod_newsmenu span.active {
display: block;
padding: 10px;
color: #7f7266;
text-decoration: none;
background: url("../../files/isotope-demo/theme/img/icons/icon_arrow-right-grey.png") no-repeat 95% 50%;
font-size: 0.9em;
border-top: 1px solid #fff;
border-bottom: 1px solid #e1dad6;
}
.mod_newsmenu a:hover,
.mod_newsmenu span.active {
color: #ed7404;
background-image: url("../../files/isotope-demo/theme/img/icons/icon_arrow-right-orange.png");
}
.mod_newsmenu span.active {
background-color: #ed7404;
background-image: url("../../files/isotope-demo/theme/img/icons/icon_arrow-right-darkorange.png");
color: #fff;
border-top-color: #ff9b50;
}
.mod_newsmenu .last a,
.mod_newsmenu .last span.active,
.mod_newsmenu span.trail {
border-bottom: none;
}
/* newsletter.css - styles for newsletter elements
.............................................
Authors
@author................: Sascha Mueller
@author................: responsive and mobile by Stefan Melz slashworks stefan@slash-works.de
@author................: refactored by Joe Ray Gregory joe@may17.de
Style Map
1) Forms
2) Listing
3) small displays and tablets
4) portrait tablets and phone
............................................. */
/* 1) Forms
___________________________________________________________*/
.mod_subscribe .checkbox_container,
.mod_unsubscribe .checkbox_container {
margin: 10px 0;
padding: 10px 0;
border: 1px dotted #D0C9C2;
border-left: 0;
border-right: 0;
}
.mod_subscribe .text,
.mod_unsubscribe .text {
width: 40%;
}
/* 2) Listing
___________________________________________________________*/
.mod_nl_list {
margin: 20px 0 0;
border: 1px solid #e1dad6;
border-left: none;
font-weight: bold;
background-color: #f4f2f0;
color: #7f7266;
font-size: 1.4em;
line-height: 1.4;
}
.mod_nl_list h2
{
margin: 0; padding: 10px;
font-size: 1.2em;
color: #ed7404;
border-bottom: 1px solid #e1dad6;
}
.mod_nl_list ul {
margin: 0; padding: 0;
list-style: none;
}
.mod_nl_list li {
margin: 15px 0 0; padding: 0 10px 15px;
font-size: 0.8em;
overflow: hidden;
}
.mod_nl_list a,
.mod_nl_list a:visited,
.mod_nl_list a:hover,
.mod_nl_list a:focus {
padding: 3px 0 0;
font-size: 1.2em;
float: left;
text-decoration: none;
}
.mod_nl_list a:hover,
.mod_nl_list a:focus {color: #ed7404;}
/*3) landscape tablets and smaller screens
___________________________________________________________*/
@media (min-width:768px) and (max-width:979px)
{
}
/* 4) Phone and portrait styles
___________________________________________________________*/
@media (max-width:767px)
{
.mod_nl_list{
border-left:1px solid #e1dad6;;
margin: 15px 10px;
padding-bottom: 15px;
}
.mod_nl_list a,
.mod_nl_list a:visited,
.mod_nl_list a:hover,
.mod_nl_list a:focus{
display: block;
float: none;
}
.mod_nl_list li{
padding-bottom: 0;
}
}
/* print.css - styles for print view
.............................................
Authors
@author................: Sascha Mueller
............................................. */
@media print {
body {
margin: 0; padding: 0;
background: #FFF !important;
font-size: 14px;
}
.grid12,
#wrapper {width: 100.0%;}
nav,
#header-top-bar, #nav-main,
.mod_breadcrumb, #social,
.mod_newsmenu, .mod_login,
#left, .mod_booknav, .pagination {display: none;}
#main .inside {margin: 0;}
#container {padding: 0;}
.accordion
{
height: auto !important;
visibility: visible !important;
opacity: 1.0 !important;
}
#footer .mod_newslist,
#footer .mod_eventlist,
.mod_subscribe,
.mod_unsubscribe{display: none;}
}
/* search.css - styles for search elements
.............................................
Authors
@author................: Joe Ray Gregory joe@may17.de
............................................. */
.mod_search .even,
.mod_search .odd {
border-bottom: 1px solid #d4cbc5;
margin-bottom: 1px;
}
.mod_search .last {
border-bottom: none;
}
.mod_search h3 a,
.mod_search h3 a:visited,
.mod_search h3 a:hover,
.mod_search h3 a:focus,
.mod_search h3 a:active {text-decoration: none; color: #ed7404;}
.mod_search h3 a:hover,
.mod_search h3 a:focus,
.mod_search h3 a:active {text-decoration: underline;}
.mod_search h3 a {
color: #ed7404;
}
.mod_search .relevance {
font-size: 0.8em;
padding-left: 10px;
color: #60584D;
}
.mod_search .formbody {
border: 1px solid #e5dfdc;
background-color: #eae5e2;
padding: 1em;
}
.mod_search .radio_container span {
float: left;
margin-right: 1em;
}
.mod_search fieldset {
padding: 0;
margin: 5px 0 0 0;
}
.mod_search .highlight {
color: #ED7404;
font-weight: bold;
}
/* isotopedemo.css - customise for the Isotope eCommerce Demo
.............................................................
@author: netzarbeiter (https://www.netzarbeiter.ch)
.............................................................
*/
/* Font-Style */
h2,
legend {
color: #0098ac;
border-bottom: 2px solid #0098ac;
}
h3 {
color: #0098ac;
}
#container a:hover {
color: #0098ac;
}
#container .image_container a:hover img {
border-color: #473F3A;
}
.ce_list a {
text-decoration: none;
}
/* Layout parts */
#left {
margin-top: 57px;
}
#left .mod_iso_cart input {
margin-bottom: 5px;
width: 206px;
}
#left .mod_iso_cart input.submit {
width: 220px;
}
/* Header - Changelanguage & Store configuration switcher */
.mod_changelanguage {
display: inline-block;
padding-top: 5px;
}
.mod_changelanguage ul {
margin: 0;
}
.mod_changelanguage li {
display: inline;
}
.mod_changelanguage li.first {
border-right: 1px dotted #D0C9C2;
display: inline;
padding-right: 5px;
}
.mod_changelanguage a {
color: #0098ac;
text-decoration: none;
}
.mod_changelanguage a:hover {
color: #60584D;
text-decoration: underline;
}
.mod_iso_configswitcher {
display: inline-block;
padding-top: 5px;
}
.mod_iso_configswitcher ul {
margin: 0;
}
.mod_iso_configswitcher li {
border-left: 1px dotted #D0C9C2;
display: inline;
padding-left: 5px;
}
.mod_iso_configswitcher li.first {
border-left: none;
margin-left: 30px;
padding-left: 0;
}
.mod_iso_configswitcher a {
color: #0098ac;
text-decoration: none;
}
.mod_iso_configswitcher a:hover {
color: #60584D;
text-decoration: underline;
}
/* Left navigation (subnavigation) */
.nav-left {
border: 1px solid #e1dad6;
border-left: none;
}
.nav-left a,
.nav-left strong.active,
.nav-left strong.trail,
.nav-left a.trail {
border-top: 1px solid #fff;
border-bottom: 1px solid #e1dad6;
}
.nav-left a:hover {
color: #0098ac;
}
.nav-left strong.active,
.nav-left strong.trail,
.nav-left a.trail {
background-color: #0098ac;
color: #fff !important;
border-top-color: #e1dad6;
}
/* Breadcrumb */
.mod_breadcrumb ul {
margin: 15px 0 0 0;
}
.mod_breadcrumb .active {
background: none;
color: #0098ac;
font-weight: normal;
}
/* Main */
@media (max-width:767px)
{
#main {
margin-left: 10px;
width: 98%;
}
#left {
width: 99%;
}
}
/* Login Box */
#container .mod_login .text {
width: 70.4%;
}
#container .mod_login label {
width: 24%;
}
#container .mod_login .checkbox_container {
right: 18.5%;
}
#container .mod_login .checkbox_container label {
width: 160px;
}
/* Search */
#main .mod_search h3 a,
#main .mod_search .highlight {
color: #60584D;
}
/* Form */
input[type="tel"] {
padding: 6px;
background-color: #fff;
border: 1px solid #d4cbc5;
font-size: 1.4em;
width: 60%;
}
#container .submit {
border: 1px solid #e1dad6;
background: #1899ae; /* Old browsers */
background: -moz-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899ae), color-stop(100%,#6ac4cf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* IE10+ */
background: linear-gradient(to bottom, #1899ae 0%, #6ac4cf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899ae', endColorstr='#6ac4cf',GradientType=0 ); /* IE6-9 */
color: #fff;
}
.submit:hover {
color: #473F3A !important;
}
/* Pagination */
.pagination strong {
border: 1px solid #e1dad6;
border-bottom-color: #d4cbc5;
background: #1899ae; /* Old browsers */
background: -moz-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899ae), color-stop(100%,#6ac4cf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* IE10+ */
background: linear-gradient(to bottom, #1899ae 0%, #6ac4cf 100%); /* W3C */
color: #fff;
display: block;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899ae', endColorstr='#6ac4cf',GradientType=0 ); /* IE6-9 */
font-size: 1.4em;
margin-right: 2px;
padding: 5px;
}
/* Footer */
#footer .mod_customnav li,
#footer .mod_navigation li {
margin: 15px 0 0;
padding: 0 0 15px;
font-size: 1.4em;
line-height: 1.4;
border-bottom: 1px solid #60584D;
}
.isotope-home a:before,
.isotope-github a:before,
.isotope-youtube a:before,
.isotope-twitter a:before,
.isotope-facebook a:before {
font-family: FontAwesome;
font-weight: normal;
}
.isotope-home a:before {
content: "\f015 ";
}
.isotope-github a:before {
content: "\f09b ";
}
.isotope-youtube a:before {
content: "\f167 ";
}
.isotope-twitter a:before {
content: "\f099 ";
}
.isotope-facebook a:before {
content: "\f09a ";
}
/* Isotope eCommerce */
/* Product Filter */
.mod_iso_productfilter {
border-bottom: 2px solid #0098ac;
padding-bottom: 10px;
margin-bottom: 10px;
}
.mod_iso_productfilter label {
display: block;
line-height: 1.4;
}
.mod_iso_productfilter .limit {
margin-top: 10px;
}
.mod_iso_productfilter a.clear_filters {
font-size: 1.2em;
}
/* Checkout */
.steps li {
font-size: 1.4em;
display: inline;
}
.steps li:after {
color: #0098ac;
content: " \f138";
font-family: FontAwesome;
font-size: 0.8em;
margin-right: 5px;
}
.steps li.last:after {
content: "";
}
.mod_iso_checkout .radio_container {
font-size: 1.2em;
line-height: 2;
}
/* Shopping Cart - Mini */
#left h2 {
border-bottom: 2px dotted #ccc;
color: #ccc;
font-size: 18px;
}
.mod_iso_cart {
font-size: 1.1em;
}
.mod_iso_cart .product {
margin-bottom: 10px;
}
.mod_iso_cart .info {
float: left;
}
#left .mod_iso_cart .remove {
float: right;
margin-right: 5px;
}
.cart {
border-top: 2px dotted #ccc;
margin-top: 10px;
}
.cart .button,
.checkout .button {
width: 100%;
}
/* Shopping Cart */
#main .remove a:before {
color: #0098ac;
content: "\f057 ";
font-family: FontAwesome;
font-size: 1.8em;
}
.mod_iso_cart .col_0 {
padding: 5px;
width: 40px;
}
.mod_iso_cart .col_1 {
padding: 5px;
width: 350px;
}
.mod_iso_cart .col_2,
.mod_iso_cart .col_3 {
padding: 5px;
width: 120px;
text-align: right;
}
.mod_iso_cart .col_4 {
padding: 5px;
width: 120px;
text-align: right;
}
.mod_iso_cart .col_6 {
padding: 5px;
text-align: right;
width: 15px
}
.mod_iso_cart .row_odd td {
background: #fff;
}
.mod_iso_cart .foot_first td {
border-top: 1px solid #1899ae;
}
.mod_iso_cart .foot_last td {
border-bottom: 1px solid #1899ae;
}
.button {
font-size: 1.4em;
border: 1px solid #e1dad6;
background: #1899ae; /* Old browsers */
background: -moz-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899ae), color-stop(100%,#6ac4cf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* IE10+ */
background: linear-gradient(to bottom, #1899ae 0%, #6ac4cf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899ae', endColorstr='#6ac4cf',GradientType=0 ); /* IE6-9 */
color: #fff;
font-weight: bold;
padding: 5px;
display: inline-block;
cursor: pointer;
margin-top: 2px;
min-width: 40%;
}
.button {
text-decoration: none;
}
.button:hover {
color: #473F3A !important;
}
/* Step 1 */
#iso_mod_checkout_address input {
margin-right: 5px;
}
#iso_mod_checkout_address label {
display: block;
font-weight: bold;
margin-top: 10px;
}
#iso_mod_checkout_address fieldset label {
display: inline;
font-weight: normal;
}
#iso_mod_checkout_address fieldset span {
display: block;
}
#iso_mod_checkout_address #opt_ShippingAddress_1 {
display: block;
margin-top: 10px;
}
/* Step 2 */
#iso_mod_checkout_shipping input {
margin-right: 5px;
}
#iso_mod_checkout_shipping fieldset span {
display: inline;
}
/* Step 3 */
#iso_mod_checkout_payment input {
margin-right: 5px;
}
#iso_mod_checkout_payment .radio_container span {
display: inline;
}
/* Step 4 */
.remove a,
a.edit,
a.remove {
display: block;
margin-bottom: 10px;
text-indent: -9999px;
width: 30px;
}
.remove a:before,
a.edit:before,
a.remove:before {
display: inline-block;
font-family: FontAwesome;
font-size: 25px;
position: absolute;
text-indent: 9999px;
}
a.edit:before {
content: "\f044";
}
.remove a:before,
a.remove:before {
content: "\f057";
}
.info_container {
font-size: 1.4em;
margin-top: 40px;
}
.info_container .edit {
display: inline;
text-decoration: none;
text-indent: inherit;
width: 100%;
}
.info_container .edit:before {
display: inherit;
font-size: 1em;
position: inherit;
text-indent: inherit;
}
#iso_mod_checkout_review .info {
margin-bottom: 10px;
}
#iso_mod_checkout_review .col_0 {
padding: 5px;
width: 40px;
}
#iso_mod_checkout_review .col_1 {
padding: 5px;
width: 350px;
}
#iso_mod_checkout_review .col_2,
#iso_mod_checkout_review .col_3 {
padding: 5px;
width: 120px;
text-align: right;
}
#iso_mod_checkout_review .col_4 {
padding: 5px;
width: 120px;
text-align: right;
}
#iso_mod_checkout_review .col_5 {
padding: 5px;
text-align: right;
width: 20px;
}
#iso_mod_checkout_review .row_odd td {
background: #fff;
}
#iso_mod_checkout_review .foot_first td {
border-top: 1px solid #1899ae;
}
#iso_mod_checkout_review .foot_last td {
border-bottom: 1px solid #1899ae;
}
/* Orderdetails */
.mod_iso_orderdetails h2:first-child {
border-bottom: 2px solid #0098AC;
color: #0098AC;
font-size: 2.4em;
margin-top: 1em;
padding-bottom: 5px;
}
.mod_iso_orderdetails h2 {
border-bottom: none;
color: #60584D;
font-size: 2em;
margin-top: 0.5em;
}
.mod_iso_orderdetails .info {
margin-bottom: 10px;
}
.mod_iso_orderdetails .row_odd td {
background: #fff;
}
.mod_iso_orderdetails .foot_first td {
border-top: 1px solid #1899ae;
}
.mod_iso_orderdetails .foot_last td {
border-bottom: 1px solid #1899ae;
}
.mod_iso_orderdetails .downloads h2 {
margin-top: 40px;
}
.mod_iso_orderdetails .downloads a {
color: #0098ac;
font-size: 1.8em;
line-height: 1.5;
text-decoration: none;
}
.mod_iso_orderdetails .downloads a:before {
content: "\f019 ";
font-family: FontAwesome;
}
.mod_iso_orderdetails .downloads a:hover {
color: #473F3A !important;
}
/* Product */
.mod_iso_productlist h3 {
font-size: 1.5em;
line-height: 1.2;
margin-top: 0;
}
.mod_iso_productlist .product {
float: left;
min-height: 180px;
width: 50%;
}
.product h3 span {
font-weight: bold;
display: block;
}
#main .mod_iso_productlist .formbody .submit_container {
border-top: none;
padding-top: 10px;
margin-top: 10px;
}
.mod_iso_productlist .image_container {
float: left;
height: 120px;
width: 120px;
}
.mod_iso_productlist .options {
clear: both;
}
.mod_iso_productlist .options label {
display: block;
line-height: 1.4;
}
.mod_iso_productlist .options select {
margin-bottom: 10px;
}
/* Productlist */
.mod_iso_productreader h2 {
border-bottom: none;
color: #60584D;
font-size: 2em;
margin-top: 0.5em;
}
.mod_iso_productlist em {
background: yellow;
font-style: normal;
}
#main .mod_iso_cart_address .formbody .widget-submit,
#main .mod_iso_productreader .formbody .submit_container {
border-top: 0;
padding-top: 5px;
}
.mod_iso_productreader .submit_container .quantity_container {
margin-bottom: 10px;
}
#main .mod_iso_productreader label {
display: block;
margin: 10px 0 3px 0;
}
.mod_iso_productreader .sku,
.mod_iso_productreader .offer {
margin: 10px 0;
}
.mod_iso_productreader .tracks .ce_table {
margin: 0;
}
.mod_iso_productreader .tracks .head_2 {
text-align: right;
}
.mod_iso_productreader .tracks .col_0 {
margin-right: 3%;
text-align: right;
width: 10%;
}
.mod_iso_productreader .tracks .col_1 {
width: 70%;
}
.mod_iso_productreader .tracks .col_2 {
text-align: right;
width: 20%;
}
.mod_iso_productreader .listen {
margin: 10px 0 30px 0;
}
.mod_iso_productreader .listen a {
font-size: 1.4em;
border: 1px solid #e1dad6;
background: #1899ae; /* Old browsers */
background: -moz-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899ae), color-stop(100%,#6ac4cf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1899ae 0%, #6ac4cf 100%); /* IE10+ */
background: linear-gradient(to bottom, #1899ae 0%, #6ac4cf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899ae', endColorstr='#6ac4cf',GradientType=0 ); /* IE6-9 */
color: #fff;
font-weight: bold;
padding: 5px;
display: inline-block;
cursor: pointer;
text-decoration: none;
}
.mod_iso_productreader .listen a:hover {
display: inline-block;
color: #473F3A !important;
cursor: pointer;
}
/* Relatedproducts */
.mod_iso_relatedproducts {
margin: 10px;
}
.mod_iso_relatedproducts .product {
float: left;
width: 140px;
}
.mod_iso_relatedproducts .product_5 {
clear: both;
}
/* Cumulative Filter */
.mod_iso_cumulativefilter .label {
font-style: italic;
font-weight: bold;
}
.mod_iso_cumulativefilter li ul {
margin-top: 5px;
}
.mod_iso_cumulativefilter li li {
list-style-type: disc;
margin-left: 15px;
}
.mod_iso_cumulativefilter li a {
display: block;
padding: 5px 0;
}
.mod_iso_cumulativefilter .clearall {
font-size: 1em;
}
/* Category Filter */
.mod_iso_categoryfilter {
font-size: 1.6em;
line-height: 1.5;
}
.mod_iso_categoryfilter ul {
list-style-type: disc;
padding-left: 20px;
}
.mod_iso_categoryfilter a {
text-decoration: none;
}
.mod_iso_categoryfilter a.active {
color: #0098ac;
}
.mod_iso_categoryfilter a.active:after {
content: " \f00c";
font-family: FontAwesome;
}
body {
font-family: 'Jost', sans-serif;
background: #fff;
}
#wrapper {
width: auto;
}
#header .inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
#main .inside {
float: none;
max-width: 1220px;
margin: 0 auto;
padding: 0 10px;
}
#footer .inside {
float: none;
max-width: 1220px;
margin: 0 auto;
padding: 0 10px;
}
.header-top-bar {
margin-bottom: 0;
border-top: 0;
border-bottom: 1px solid #eee;
background: none;
}
.inside > .header-line {
display: none;
}
.header-main {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.logo {
float: none;
margin: 0;
}
.nav-main ul {
display: flex;
}
.nav-main ul ul {
display: none;
}
.nav-main ul li {
position: relative;
margin-left: 40px;
}
.nav-main ul li a,
.nav-main ul li strong {
display: block;
height: 100px;
line-height: 100px;
color: #000;
font-size: 13px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
}
.nav-main ul li strong::after {
content: "";
display: block;
position: absolute;
top: calc(50% + 18px);
left: 0;
width: 100%;
height: 1px;
background: #22BC00;
}
.nav-main ul li strong,
.nav-main ul li a:hover {
color: #22BC00;
}
.mod_breadcrumb {
float: none;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
#homeslider .slider-control .slider-prev, #homeslider .slider-control .slider-next {
display: none;
}
#homeslider img {
max-width: none;
width: 100%;
}
#homeslider .slider-wrapper > div {
height: auto;
}
#footer {
background: #000;
}
#footer .inside {
overflow: hidden;
background: #000;
}