/* CSS by bastian.winkler @ nexum (dot) de */ /* GENERAL */ * { font-size: 10px; font-family:Arial, Helvetica, sans-serif;font-stretch:normal; } h2 { margin: 0 0 5px 0;} .cursor { cursor:hand; } .hidden { visibility: hidden; } .floatLeft { float: left;} .floatRight { float: right;} .floatClear { clear: both;} /* LINK DEFINITIONS */ a:link {text-decoration: underline; font-weight:normal; color: #333333;} a:visited {text-decoration: underline; font-weight:normal; color: #333333;} a:hover {text-decoration: underline; font-weight:normal; color: #333333;} a.refrence:link, a.publications:link {text-decoration: none; font-weight:bold; color: #333333;} a.refrence:visited, a.publications:visited {text-decoration: none; font-weight:bold; color: #333333;} a.refrence:hover, a.publications:hover {text-decoration: none; font-weight:bold; color: #333333;} a.publications {cursor:default;} a.print { background-color: #6c65ff; text-decoration: none; } a.print:hover { background-color: #6c65ff; text-decoration: none; } a.illu { background-color: #c365ff; text-decoration: none; } a.illu:hover { background-color: #c365ff; text-decoration: none; } a.mixed { background-color: #ff6582; text-decoration: none; } a.mixed:hover { background-color: #ff6582; text-decoration: none; } a.web { background-color: #f2ff65; text-decoration: none; } a.web:hover { background-color: #f2ff65; text-decoration: none; } a.exhibition { background-color: #7bff65; text-decoration: none; } a.exhibition:hover { background-color: #7bff65; text-decoration: none; } /* CONTAINER */ #logoContainer { position:absolute; left:8px; top:8px; width:600px; height:70px; z-index:1; background: url(../img/dmyklogo.gif) no-repeat 0 0; } #logoContainer h1 { display:none; } #content { position:absolute; left:10px; top:120px; width:600px; height:70px; z-index:1; line-height:1.5; color: #333333; font-size: 10px; } #content_lower { position:absolute; left:10px; top:150px; width:600px; height:70px; z-index:1; line-height:1.5; color: #333333; font-size: 10px; } #content p, #content_lower p { width: 430px; margin: 0 0 10px 0; padding: 0; line-height:1.5;} #content h2, #content_lower h2 { margin: 0 0 0 0; font-weight: normal;} #content h3, #content_lower h3 { margin: 0 0 0 0; font-weight: bold; font-size: 11px; font-style: italic;} /* NAVIGATION */ #navigationContainer { position:absolute; left:10px; top:80px; width:600px; height:20px; z-index:1; } #navigationContainer a { padding: 0px; margin: 0px; overflow: visible; color: #000000; height: 14px; background-color: transparent; text-decoration: underline; } #navigationContainer ul { margin: 0 0 30px 0; padding: 0; } #navigationContainer ul li { display:inline; list-style: none; margin: 0; padding: 0; } #navigationContainer ul li a { padding: 0px; margin: 0px; color: #000000; text-decoration: none; font-size: 13px; font-weight: bold; } /* STAGE PICTURE BOXES */ .stage a { color: #000000; font-size: 10px; position:relative; padding: 0 5px 0 5px; top: -3px; } #stage01 { position:absolute; left:15px; top:430px; width:133px; height:200px; z-index:2; } #stage02 { position:absolute; left:781px; top:840px; width:150px; height:244px; z-index:36; } #stage03 { position:absolute; left:455px; top:615px; width:206px; height:225px; z-index:35; } #stage04 { position:absolute; left:489px; top:1205px; width:250px; height:166px; z-index:2; } #stage05 { position:absolute; left:381px; top:515px; width:150px; height:135px; z-index:34; } #stage06 { position:absolute; left:173px; top:393px; width:189px; height:250px; z-index:4; } #stage07 { position:absolute; left:775px; top:606px; width:191px; height:250px; z-index:31; } #stage08 { position:absolute; left:236px; top:291px; width:156px; height:115px; z-index:9; } #stage09 { position:absolute; left:813px; top:1374px; width:153px; height:100px; z-index:10; } #stage10 { position:absolute; left:27px; top:902px; width:200px; height:80px; z-index:11; } #stage11 { position:absolute; left:60px; top:666px; width:191px; height:250px; z-index:12; } #stage12 { position:absolute; left:240px; top:860px; width:191px; height:146px; z-index:13; } #stage13 { position:absolute; left:420px; top:900px; width:125px; height:200px; z-index:24; } #stage14 { position:absolute; left:651px; top:590px; width:150px; height:147px; z-index:15; } #stage15 { position:absolute; left:20px; top:1008px; width:183px; height:250px; z-index:16; } #stage17 { position:absolute; left:23px; top:1298px; width:200px; height:145px; z-index:18; } #stage18 { position:absolute; left:350px; top:1073px; width:175px; height:113px; z-index:19; } #stage19 { position:absolute; left:284px; top:1289px; width:175px; height:73px; z-index:20; } #stage20 { position:absolute; left:787px; top:1109px; width:188px; height:250px; z-index:21; } #stage21 { position:absolute; left:5px; top:654px; width:186px; height:225px; z-index:2; } #stage22 { position:absolute; left:720px; top:1465px; width:200px; height:106px; z-index:5; } #stage23 { position:absolute; left:345px; top:1395px; width:200px; height:147px; z-index:24; } #stage24 { position:absolute; left:179px; top:1382px; width:146px; height:225px; z-index:25; } #stage25 { position:absolute; left:789px; top:421px; width:178px; height:225px; z-index:32; } #stage26 { position:absolute; left:697px; top:776px; width:71px; height:200px; z-index:27; } #stage27 { position:absolute; left:23px; top:296px; width:200px; height:178px; z-index:3; } #stage28 { position:absolute; left:370px; top:343px; width:175px; height:132px; z-index:29; } #stage29 { position:absolute; left:572px; top:1063px; width:200px; height:116px; z-index:33; } #stage30 { position:absolute; left:224px; top:1103px; width:113px; height:150px; z-index:32; } #stage31 { position:absolute; left:500px; top:309px; width:175px; height:131px; z-index:34; } #stage32 { position:absolute; left:506px; top:490px; width:175px; height:116px; z-index:37; } #stage33 { position:absolute; left:270px; top:684px; width:175px; height:116px; z-index:25; } #stage16 { position:absolute; left:570px; top:1370px; width:126px; height:148px; z-index:1; } #stage34 { position:absolute; left:150px; top:574px; width:138px; height:196px; z-index:5; } #stage35 { position:absolute; left:560px; top:850px; width:117px; height:166px; z-index:25; } #stage36 { position:absolute; left:645px; top:370px; width:137px; height:193px; z-index:37; } #stage37 { position:absolute; left:195px; top:180px; width:205px; height:157px; z-index:38; } #stage38 { position:absolute; left:757px; top:275px; width:195px; height:157px; z-index:39; } #stage39 { position:absolute; left:515px; top:158px; width:99px; height:157px; z-index:41; } #stage40 { position:absolute; left:15px; top:161px; width:256px; height:107px; z-index:39; } #stage41 { position:absolute; left:385px; top:154px; width:140px; height:195px; z-index:37; } #stage42 { position:absolute; left:630px; top:165px; width:132px; height:190px; z-index:38; } #stage43 { position:absolute; left:775px; top:158px; width:163px; height:125px; z-index:39; } /** DETAIL PAGE **/ body#detail { margin: 0; padding: 0; } body#detail div.content { position: relative; top: 0px; left: 65px; width: 640px; padding: 60px 25px 10px 25px;} body#detail div#detailContentContainer div.content h1 { margin: 0; padding: 0; font-size: 11px; font-weight: bold; margin: 0 0 5px 0;} body#detail div#detailContentContainer div.content h2, body#detail div#detailContentContainer div.content h2 * {font-weight: normal; font-size: 11px;margin-bottom: 25px;} body#detail div#detailContentContainer div.content p {width: 400px; font-size:11px;} body#detail div.content div.close {position: relative;bottom: 0; left: 20px; height: 12px;width: 50px;color: #408834;background:#B7FFAB; margin-top: 80px;padding: 3px 5px 3px 5px;cursor:pointer;} body#detail div.content div.start {position: relative;bottom: 0; height: 12px;width: 150px;color: #408834;background:#B7FFAB; margin-top: 80px;padding: 3px 5px 3px 5px;cursor:pointer;} body#detail div.content div.start a { color: #408834; text-decoration:none;} body#detail div#pictureBox {background-color: #ff0000;position: relative;top: -75px;left: 250px; width: 565px; height: 375px;} .green { background-color: #7cff65; } /** publications **/ body#publications h2 { margin:0 0 5px 0; padding:0;} ul.publications { margin:0 0 10px 0; padding:0;} ul.publications li { list-style: none; margin:0 0 2px 0 ; padding:0;} .bold { font-weight: 700;}