.mixin-relative-left{position:relative;float:left}.mixin-relative-right{position:relative;float:right}.mixin-font-asap{font-family:Asap,Arial,Helvetica,sans-serif}html{overflow-x:hidden;overflow-y:scroll}body{font-family:Asap,Arial,Helvetica,sans-serif;font-size:12px;-webkit-text-size-adjust:100%;background-color:#fff;text-align:center;color:#414042}#master-wrapper{position:relative;width:900px;margin:0 auto;padding:0 20px;text-align:left;height:1000px}#master{position:relative;float:left;width:900px}#master #header{position:relative;float:left;width:900px;height:60px;background-color:#c9cdd1;z-index:100}#master #header .navigation{position:relative;float:left;margin-top:20px}#master #header .navigation ul{position:relative;float:left}#master #header .navigation ul li{position:relative;float:left;margin-left:15px;font-size:16px}#master #header .navigation ul li a{text-decoration:none;color:#414042}#master #header .navigation ul li a:hover{color:#000}#master #header .navigation ul li.nav-cur a{color:#000}#master #header .navigation ul li:first-child{margin-left:0}#master #header .right{position:relative;float:right;margin-top:20px}#master #header .right a{text-decoration:none;color:#414042}#master #header .right a .logo{position:relative;float:left;-moz-opacity:.7;filter:alpha(opacity=.7);opacity:.7;margin-top:-6px}#master #header .right a .lettering{position:relative;float:left;padding-left:15px;font-size:15px}#master #header .right a:hover .logo{-moz-opacity:1;filter:alpha(opacity=1);opacity:1}#master #header .right a:hover .lettering{color:#000}#master #header .filler{position:absolute;top:0;height:100%;background-color:#c9cdd1}#master #navigation-switch{position:relative;float:left;width:900px;height:60px;background-color:#750b0b;z-index:100}#master #navigation-switch .button{position:relative;float:left;margin-top:19px;font-size:20px;color:#fff;padding-right:40px;background-repeat:no-repeat;background-position:right center}#master #navigation-switch .logo{position:relative;float:right;color:#fff;margin-top:12px;font-size:20px;background-image:url(/fileadmin/templates/img/logo_4stack_ring.png);background-position:left top;background-repeat:no-repeat;padding:0 0 15px 12px;-moz-opacity:1;filter:alpha(opacity=1);opacity:1}#master #navigation-switch .logo span{display:inline-block;margin-top:7px}#master #navigation-switch .logo span.four{padding-right:20px}#master #navigation-switch .filler{position:absolute;top:0;height:100%;background-color:#750b0b}#master #navigation-switch:hover{cursor:pointer}#master #navigation-switch:hover .logo{-moz-opacity:.7;filter:alpha(opacity=.7);opacity:.7}#master #navigation-switch.closed .button{background-image:url(../img/icon_options_open.png)}#master #navigation-switch.closed:hover .button{-moz-opacity:.7;filter:alpha(opacity=.7);opacity:.7}#master #navigation-switch.open .button{background-image:url(../img/icon_options_close.png)}#master #navigation-switch.open:hover .button{-moz-opacity:.7;filter:alpha(opacity=.7);opacity:.7}#master #options{position:relative;float:left;width:900px;background-color:#750b0b;margin-top:-300px}#master #options .filler{position:absolute;top:0;height:100%;background-color:#750b0b;border-top:1px solid #883432}#master #options .content{position:relative;float:left;width:900px;margin-top:20px;padding-bottom:20px}#master #options .content ul{position:relative;float:left;width:900px}#master #options .content ul li{position:relative;float:left;width:900px;clear:left;margin-top:10px;font-size:20px}#master #options .content ul li a{text-decoration:none;display:block;color:#fff}#master #options .content ul li a:hover{color:#000}#master #options .content ul li.active a{color:#000}#master #options .content ul li:first-child{margin-top:0}#master #options.open{display:block}#master #options.closed{display:none}#master #body{position:relative;float:left;width:900px;margin-top:60px}#master #body .page-title{position:relative;float:left;padding-bottom:35px}#master #body .page-title h1{font-size:30px;color:#000}#master #body .page-title h1 a{text-decoration:none;color:#000}#master #body .page-title h1 a:hover{text-decoration:underline}#master #body .page-title h1 .category{font-size:25px}#master #body .page-title h1 .category a{text-decoration:none;color:#750b0b}#master #body .page-title h1 .category a:hover{text-decoration:underline}#master #body .page-title h1 .filter{font-size:25px}#master #body .page-title h1 .filter a{text-decoration:none;color:#750b0b;margin-right:5px}#master #body .page-title h1 .filter a.active{color:#000}#master #body .page-title h1 .filter a:hover{text-decoration:underline}#master #body #year-selector,#master #body #level-selector{position:absolute;right:0;top:0;z-index:100;width:270px}#master #body #year-selector .selected,#master #body #level-selector .selected{position:relative;float:right;font-size:18px;color:#000;padding:5px 10px 5px 30px;background-image:url(../img/icon_years_open.png);background-repeat:no-repeat;background-position:left center}#master #body #year-selector .list,#master #body #level-selector .list{position:absolute;width:270px;right:0;top:0;display:none}#master #body #year-selector .list ul,#master #body #level-selector .list ul{position:relative;float:right}#master #body #year-selector .list ul li,#master #body #level-selector .list ul li{position:relative;float:right;clear:both;font-size:18px;text-align:right}#master #body #year-selector .list ul li a,#master #body #level-selector .list ul li a{display:block;padding:5px 10px;text-decoration:none;color:#000;background-color:#fff}#master #body #year-selector .list ul li a:hover,#master #body #level-selector .list ul li a:hover{text-decoration:none;background-color:#414042;color:#FFF}#master #body #year-selector .list ul li:first-child,#master #body #level-selector .list ul li:first-child{margin-top:0}#master #body #year-selector:hover,#master #body #level-selector:hover{cursor:pointer}#master #body #year-selector:hover .selected,#master #body #level-selector:hover .selected{-moz-opacity:0;filter:alpha(opacity=0);opacity:0}#master #body #year-selector:hover .list,#master #body #level-selector:hover .list{display:block}#master #body #level-selector{right:180px}#master #body .content{position:relative;float:left;clear:left;width:900px;padding-bottom:50px}#master #body .content .content-element{position:relative;float:left;width:900px;padding-bottom:30px}#master #body .content .content-element .db4stack{position:relative;float:left;width:100%}#master #body .content .content-element p{font-size:14px;line-height:18px;padding-bottom:10px;color:#414042}#master #body .content .content-element p a{text-decoration:underline;color:#414042}#master #body .content .content-element p:last-child{padding-bottom:0}#master #body .content .content-element h2{font-size:25px;padding-bottom:30px}#master #body .content .content-element:last-child{padding-bottom:0}#master #body .content .content-element .properties{position:relative;float:left;width:900px}#master #body .content .content-element .properties .row{position:relative;float:left;width:900px;padding-bottom:10px;font-size:14px;line-height:16px}#master #body .content .content-element .properties .row span.title{color:#750b0b;padding-right:5px}#master #body .content .content-element .properties .row span.values{color:#414042}#master #body .content .content-element .properties .row span.values a{text-decoration:none;color:#414042}#master #body .content .content-element .properties .row span.values a:hover{text-decoration:underline}#master #body .content .content-element .properties .row:last-child{padding-bottom:0}#master #body .content .content-element .filter{position:relative;float:left;width:900px;padding-bottom:30px}#master #body .content .content-element .filter ul{position:relative;float:left;width:900px}#master #body .content .content-element .filter ul li{position:relative;float:left;margin-right:5px}#master #body .content .content-element .filter ul li a{font-size:14px;color:#414042;text-decoration:none}#master #body .content .content-element .filter ul li a:hover{text-decoration:underline}#master #body .content .content-element .filter ul li.active a{color:#750b0b}#master #body .content .content-element .filter ul li:after{content:","}#master #body .content .content-element .filter ul li:last-child:after{content:none}#master #body .content .content-element .list.isotope{position:relative;float:left;width:930px;margin-top:-30px}#master #body .content .content-element .list.isotope article{position:relative;float:left}#master #body .content .content-element .list.isotope .brick{position:relative;float:left}#master #body .content .content-element .list.isotope .brick.project{width:280px;padding:30px 30px 0 0}#master #body .content .content-element .list.isotope .brick.project .option{position:relative;float:left;padding:20px 10px;width:260px;font-size:16px;background-color:#d5d8da;color:#414042;display:block}#master #body .content .content-element .list.isotope .brick.project .cover{position:relative;float:left;width:280px;height:180px;overflow:hidden}#master #body .content .content-element .list.isotope .brick.project .wrap{position:relative;float:left;width:260px;padding:20px 10px;background-color:#f0f1f2}#master #body .content .content-element .list.isotope .brick.project .wrap .title{position:relative;float:left;width:260px;padding-bottom:10px}#master #body .content .content-element .list.isotope .brick.project .wrap .title h3{font-size:22px}#master #body .content .content-element .list.isotope .brick.project .wrap .title h3 a{display:block}#master #body .content .content-element .list.isotope .brick.project .wrap .year{position:relative;float:left;width:260px;color:#414042;font-size:12px;line-height:14px;padding-bottom:10px}#master #body .content .content-element .list.isotope .brick.project .wrap .header{position:relative;float:left;width:260px;color:#939598;padding-bottom:5px}#master #body .content .content-element .list.isotope .brick.project .wrap .header h4{font-size:12px}#master #body .content .content-element .list.isotope .brick.project .wrap .records{position:relative;float:left;width:260px;color:#414042;font-size:12px;line-height:14px;padding-bottom:10px}#master #body .content .content-element .list.isotope .brick.project .wrap a{text-decoration:none;color:#414042}#master #body .content .content-element .list.isotope .brick.project .wrap a:hover{text-decoration:underline}#master #body .content .content-element .list.isotope .brick.project:hover .wrap{background-color:#d5d8da}#master #body .content .content-element .list.isotope .brick.media{width:280px;padding:30px 30px 0 0}#master #body .content .content-element .list.isotope .brick.media .cover{position:relative;float:left;width:280px;overflow:hidden}#master #body .content .content-element .list.isotope .brick.media .title{position:relative;float:left;width:260px;padding:10px;background-color:#f0f1f2}#master #body .content .content-element .list.isotope .brick.media .title h3{font-size:14px}#master #body .content .content-element .list.isotope .brick.media .title h3 a{display:block;text-decoration:none;color:#414042}#master #body .content .content-element .list.isotope .brick.media:hover .title{background-color:#d5d8da}#master #body .content .content-element .list.isotope .brick.student{width:164px;padding:20px 20px 0 0}#master #body .content .content-element .list.isotope .brick.student .cover{position:relative;float:left;width:164px}#master #body .content .content-element .list.isotope .brick.student .wrap{position:relative;float:left;clear:left;padding:10px;width:144px;background-color:#f0f1f2}#master #body .content .content-element .list.isotope .brick.student .wrap .title{position:relative;float:left;width:144px}#master #body .content .content-element .list.isotope .brick.student .wrap .title h3{font-size:14px;line-height:16px}#master #body .content .content-element .list.isotope .brick.student .wrap .title h3 a{display:block;text-decoration:none;color:#414042}#master #body .content .content-element .list.isotope .brick.student:hover .wrap{background-color:#d5d8da}#master #body .content .content-element .list.isotope .brick.news{width:164px;padding:20px 20px 0 0}#master #body .content .content-element .list.isotope .brick.news .header{position:relative;float:left;padding:10px;width:144px;background-color:#d5d8da;font-size:12px}#master #body .content .content-element .list.isotope .brick.news .header .date{position:relative;float:left;width:144px}#master #body .content .content-element .list.isotope .brick.news .header .options{position:relative;float:left;width:144px;margin-top:5px}#master #body .content .content-element .list.isotope .brick.news .cover{position:relative;float:left;width:164px;overflow:hidden}#master #body .content .content-element .list.isotope .brick.news .wrap{position:relative;float:left;width:164px;background-color:#f0f1f2}#master #body .content .content-element .list.isotope .brick.news .wrap .title{position:relative;float:left;width:144px;padding:10px}#master #body .content .content-element .list.isotope .brick.news .wrap .title h3{font-size:14px;line-height:16px}#master #body .content .content-element .list.isotope .brick.news .wrap .title h3 a{display:block;text-decoration:none;color:#414042}#master #body .content .content-element .list.isotope .brick.news .wrap .description{position:relative;float:left;width:144px;padding:0 10px 10px}#master #body .content .content-element .list.isotope .brick.news .wrap .description p{font-size:14px;padding-bottom:10px;line-height:16px}#master #body .content .content-element .list.isotope .brick.news .wrap .description p:last-child{padding-bottom:10px}#master #body .content .content-element .details{position:relative;float:left;width:900px}#master #body .content .content-element .details .cover{position:relative;float:left;width:164px}#master #body .content .content-element .details .cover .brick.student{position:relative;float:left;width:164px}#master #body .content .content-element .details .cover .brick.student .cover{position:relative;float:left;width:164px;overflow:hidden}#master #body .content .content-element .details .cover .brick.student .title{position:relative;float:left;width:144px;padding:10px;background-color:#f0f1f2}#master #body .content .content-element .details .cover .brick.student .title h3{font-size:14px}#master #body .content .content-element .details .cover .brick.student .title h3 a{display:block;text-decoration:none;color:#414042}#master #body .content .content-element .details .description{position:relative;float:left;margin-left:30px;width:706px}#master #body .content .content-element .csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{font-size:14px;color:#414042;padding-top:10px}#master #body .content .content-element .audiojs{position:relative;float:left;background:#b3b3b3;box-shadow:none}#master #body .content .content-element .audiojs .play-pause{border-right:1px solid gray}#master #body .content .content-element .audiojs .time{border-left:1px solid gray;color:#414042;text-shadow:none}#master #body .content .content-element .audiojs .time .played{color:#414042}#master #body .content .content-element .audiojs .progress{background:#750B0B}#master #body .content .content-element .audiojs .loaded{background:gray}#master #body .content .content-element .audiojs .scrubber{background:#b3b3b3;border-top:0}#master #body .content .content-element .media-caption{position:relative;float:left;padding:10px;width:440px;color:#414042;background-color:#e6e6e6;font-size:11px;line-height:14px}#footer-wrapper{position:relative;float:left;clear:left;width:100%;margin-top:30px;background-color:#6a737b;padding:20px 0}#footer-wrapper #footer{position:relative;width:900px;margin:0 auto;text-align:left;color:#fff;font-size:12px}html.js body #master{-webkit-transition:opacity .3s 1s ease-in-out;-moz-transition:opacity .3s 1s ease-in-out;-o-transition:opacity .3s 1s ease-in-out;transition:opacity .3s 1s ease-in-out;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}html.js body #master.show{-moz-opacity:1;filter:alpha(opacity=1);opacity:1}