body{font:100% Verdana, sans-serif;background-image:url(../img/prj-1/grey-85.png);margin:0;padding:2em 0 0}
.hidden{position:absolute;top:-1000em;left:-1000em;font-size:0;height:0;color:transparent;line-height:0}
.spacer{float:none;clear:both;display:block}
#mystory-mainframe .jsalert{font-size:85%;color:#fff}
#mystory-mainframe div.infoblock{display:none;width:59.5625em;color:#fff;margin:auto auto 1em}
#mystory-skipmenu{position:absolute}
#mystory-skipmenu a{color:#fff;outline:2px solid #FFF;margin-left:-1000em;margin-top:-1000em;position:absolute;white-space:nowrap}
#mystory-skipmenu a:focus{margin-left:0;margin-top:0;top:0}
a{text-decoration:none}
img{border:none}
#mystory-mainframe .shadow{text-shadow:2px 2px 3px #000}
#mystory-mainframe{width:62.5em;margin:auto}
#mystory-mainframe .outerwrap{width:62.5em;background-color:#000;border:1px solid #333;margin-bottom:2em}
#mystory-mainframe div.content{background-repeat:no-repeat;height:35.625em;width:60.5625em;margin:4em auto 4.5em}
#mystory-mainframe div.wdrlogo{position:absolute;margin-top:2.5em;margin-left:.5em}
#mystory-mainframe div.logo{text-align:right}
#mystory-mainframe div.infoblock h2{font-size:125%;margin-top:0;width:18em;padding-left:1.6em}
#mystory-mainframe div.infoblock div.title p{color:#999;font-weight:700;font-size:75%}
#mystory-mainframe div.infoblock div.info p{color:#fff;font-size:75%;line-height:1.5em;margin-top:.5em}
#mystory-mainframe div.infoblock div.info p a,#mystory-mainframe div.infoblock a.link{background-repeat:no-repeat;padding-left:.7em;background-position:0 8px}
#mystory-mainframe div.infoblock a.link{font-size:125%;margin-left:1.75em}
#mystory-mainframe div.infoblock a.openinfo{float:left;margin-right:0}
#mystory-mainframe div.infoblock div.title{float:left;width:24em;margin-right:2em}
#mystory-mainframe div.infoblock div.info{float:left;width:28em}
#mystory-mainframe div.infoblock div#infocontent{padding-left:2em}
#mystory-mainframe div.footer{text-align:right;position:relative;margin-bottom:.5em;padding:.25em}
#mystory-mainframe div.footer a{color:#ccc}
#mystory-mainframe div.footer .right-footer{position:absolute;right:.75em;width:32em}
#mystory-mainframe div.footer .right-footer ul{list-style-type:square;color:#ccc;list-style-position:inside;font-size:68.75%;float:right;white-space:nowrap;margin:0;padding:0}
#mystory-mainframe div.footer .right-footer ul li{float:left;color:#ccc;margin-right:.75em}
#mystory-mainframe div.footer ul.breadCrumb{list-style-type:square;position:relative;z-index:10;list-style-position:inside;font-size:68.75%;color:#ccc;margin:0 0 0 1.25em;padding:0}
#mystory-mainframe div.footer ul.breadCrumb li{float:left;color:#ccc;margin-right:.5em}
#mystory-mainframe div.footer li.nobullet{list-style-type:none}
#mystory-mainframe .opener .info h2{color:#fff;font-size:175%;margin-bottom:.25em}
#mystory-mainframe .opener .info h3{color:#fff;margin-left:80px;margin-top:0;margin-bottom:2em}
#mystory-mainframe .opener a.button-start{margin-left:21.5em;margin-top:9em;position:absolute}
#mystory-mainframe .opener a.button-hilfe{margin-left:21.5em;margin-top:13em;position:absolute}
#mystory-mainframe .topicselection a.button-video{position:absolute;left:53em;top:32em}
#mystory-mainframe .frame{position:absolute;z-index:-1;width:60.375em;height:35.5em;border:1px solid #ccc;top:0}
#mystory-mainframe a.button-start{width:250px;height:49px;float:left;background-image:url(../img/prj-1/btn.png);overflow:hidden;color:#fff;background-repeat:no-repeat}
#mystory-mainframe a.button-hilfe{width:250px;height:49px;float:left;background-image:url(../img/prj-1/btn-help.png);overflow:hidden;color:#fff;background-repeat:no-repeat}
#mystory-mainframe a.button-video{width:110px;height:46px;float:left;background-image:url(../img/prj-1/btn-video.png);overflow:hidden;color:#fff;background-repeat:no-repeat}
#mystory-mainframe a.button-video span{float:left;margin:11px 0 0 50px}
#mystory-mainframe .gradient{background-image:url(../img/prj-1/verlauf.png);background-repeat:repeat-x;position:absolute;width:60.5em;height:16.8125em;top:0;z-index:-2}
#mystory-mainframe .header{margin-left:10px}
#mystory-mainframe .header h2{color:#fff;margin-bottom:.125em;font-size:175%}
#mystory-mainframe .header h3{color:#fff;font-size:93.75%;margin-top:0}
#mystory-mainframe ul.topics{list-style-type:none;top:10em;position:absolute;margin:0;padding:0}
#mystory-mainframe ul.topics li{position:absolute;height:11em}
#mystory-mainframe ul.topics li div.title{position:absolute;z-index:20;background-image:url(../img/prj-1/grey-85.png);width:100%;height:3em;overflow:hidden;bottom:1.45em}
#mystory-mainframe ul.topics li div.title span{color:#fff;font-size:75%;padding-top:.5em;float:left;background-color:#000;background-repeat:no-repeat;background-position:4px 11px;padding-left:1em}
#mystory-mainframe ul.grid-6 li{overflow:hidden;width:154px}
#mystory-mainframe ul.topics li img.topic{position:absolute;z-index:10;display:none;width:190px;margin-left:-10px}
#mystory-mainframe ul.topics li div.image{height:153px;overflow:hidden;position:relative}
#mystory-mainframe ul.topics .checkbox{position:absolute;top:5px;left:5px;z-index:20;display:block}
#mystory-mainframe ul.topics .subtopic{position:absolute;bottom:0;width:100%;background-image:url(../img/prj-1/grey-85.png);z-index:11;padding:.175em}
#mystory-mainframe ul.topics .subtopic a{color:#fff}
#mystory-mainframe ul.topics .subtopic span{float:left;font-size:75%}
#mystory-mainframe ul.topics .subtopic img{float:left;margin-right:.5em}
#mystory-mainframe ul.grid-2 li.topic1{left:301px}
#mystory-mainframe ul.grid-2 li.topic2{left:496px}
#mystory-mainframe ul.grid-3 li.topic1{left:204px}
#mystory-mainframe ul.grid-3 li.topic2{left:399px}
#mystory-mainframe ul.grid-3 li.topic3{left:594px}
#mystory-mainframe ul.grid-4 li.topic1{left:105px}
#mystory-mainframe ul.grid-4 li.topic2{left:300px}
#mystory-mainframe ul.grid-4 li.topic3{left:495px}
#mystory-mainframe ul.grid-4 li.topic4{left:690px}
#mystory-mainframe ul.grid-5 li.topic2{left:205px}
#mystory-mainframe ul.grid-5 li.topic3{left:400px}
#mystory-mainframe ul.grid-5 li.topic4{left:595px}
#mystory-mainframe ul.grid-5 li.topic5{left:788px}
#mystory-mainframe ul.grid-6 li.topic2{left:169px}
#mystory-mainframe ul.grid-6 li.topic3{left:328px}
#mystory-mainframe ul.grid-6 li.topic4{left:487px}
#mystory-mainframe ul.grid-6 li.topic5{left:646px}
#mystory-mainframe ul.grid-6 li.topic6{left:804px}
#mystory-mainframe .videoplayer .videoclips{position:absolute;top:34.8em;z-index:10}
#mystory-mainframe .videoplayer .videoclips ul{list-style-type:none;position:relative;left:5.4em;margin:0;padding:0}
#mystory-mainframe .videoplayer .videoclips ul li{position:absolute;width:1.5em;height:3.375em;background-repeat:no-repeat;float:left}
#mystory-mainframe .videoplayer .videoclips ul li a{bottom:0;float:left;height:1em;position:absolute;width:1.5em}
#mystory-mainframe .videoplayer .videoclips ul li a:focus{outline:1px solid #FFF}
#mystory-mainframe .videoplayer .videoclips ul li.long{height:4.75em}
#mystory-mainframe .videoplayer .videoclips ul li img.plus{position:absolute;top:-2.4em;z-index:-1}
#mystory-mainframe .videoplayer .videoclips ul li.long img.plus{top:-3.8em}
#mystory-mainframe .videoplayer .videoclips ul li div.info{width:14em;height:5.4375em;overflow:hidden;float:left;background-image:url(../img/prj-1/hotspot.png);background-repeat:no-repeat;position:absolute;top:-1.2em;left:1.6em}
#mystory-mainframe .videoplayer .videoclips ul li div.info .image{width:70px;height:48px;overflow:hidden;float:left;margin-right:.5em;margin-left:.2em;margin-top:.375em;background-color:#fff}
#mystory-mainframe .videoplayer .videoclips ul li div.info img{min-width:70px;min-height:48px;max-width:70px}
#mystory-mainframe .videoplayer .videoclips ul li div.info h3{float:left;font-size:68.75%;color:#000;background-color:#d8d8d8;max-width:140px;height:2.8em;overflow:hidden;margin:.375em 0 0;padding:0}
#mystory-mainframe .videoplayer .backlink{left:49em;position:absolute;top:36em;z-index:10;white-space:nowrap}
#mystory-mainframe .videoplayer .backlink a{color:#fff;background-color:transparent;font-size:75%;background-repeat:no-repeat;background-position:0 5px;padding-left:1em}
div#hilfe{background-color:#F7F7F7;color:#000;margin-left:13em;position:absolute;top:25em;width:33.5em;z-index:10000;padding:1em}
div#hilfe h2{font-size:150%;color:#000;margin:0;padding:0}
div#hilfe h3{font-size:112.5%}
div#hilfe p{font-size:81.25%}
div#hilfe div.close{position:absolute;right:1em;top:1em}
div#hilfe div.close a{font-size:87.5%;color:#000;font-weight:700}
div#hilfe div.close a img{position:relative;top:.375em}
#mystory-mainframe .button-start,#mystory-mainframe .button-hilfe,.inv,#mystory-mainframe ul.topics li a:hover img.greyscale,#mystory-mainframe ul.topics li.active img.greyscale,#mystory-mainframe ul.topics li a:focus img.greyscale,#mystory-mainframe ul.grid-2 li.topic3,#mystory-mainframe ul.grid-2 li.topic4,#mystory-mainframe ul.grid-2 li.topic5,#mystory-mainframe ul.grid-2 li.topic6,#mystory-mainframe ul.grid-3 li.topic4,#mystory-mainframe ul.grid-3 li.topic5,#mystory-mainframe ul.grid-3 li.topic6,#mystory-mainframe ul.grid-4 li.topic5,#mystory-mainframe ul.grid-4 li.topic6,#mystory-mainframe ul.grid-5 li.topic6{display:none}
a:active,a:hover,#mystory-mainframe a.button-start:active,#mystory-mainframe a.button-hilfe:active,#mystory-mainframe a.button-video:active{outline:none!important}
a:hover,a:hover span,a:focus .title span,.subtopic a:focus span{text-decoration:underline}
#mystory-mainframe .opener,#mystory-mainframe .topicselection,#mystory-mainframe .videoplayer{position:absolute;z-index:100}
#mystory-mainframe a.button-start span,#mystory-mainframe a.button-hilfe span{float:left;margin:14px 0 0 40px}
#mystory-mainframe ul.grid-2 li,#mystory-mainframe ul.grid-3 li,#mystory-mainframe ul.grid-4 li,#mystory-mainframe ul.grid-5 li{overflow:hidden;width:170px}
#mystory-mainframe ul.topics li img.greyscale,#mystory-mainframe ul.topics li a:hover img.topic,#mystory-mainframe ul.topics li.active img.topic,#mystory-mainframe ul.topics li a:focus img.topic{display:block}
#mystory-mainframe ul.grid-5 li.topic1,#mystory-mainframe ul.grid-6 li.topic1{left:10px}