html, body { margin:0; padding:0; background:#FFF; font:normal 11px/20px Arial, Helvetica, sans-serif; }

img { margin:0; padding:0; border:0; }
div { margin:0; padding:0; }
ul { list-style:none; margin:0; padding:0; }
img { display:block; }

#contact { position:absolute; top:14px; left:179px; width:270px; height:242px; z-index:0; }
#navi { position:absolute; top:144px; left:9px; width:170px,; height:182px; background:transparent url(../images/nav_bg.gif) 0 0 no-repeat; z-index:7; }
#navi li { width:160px; height:17px; padding-left:10px; margin-top:3px; line-height:0; font-size:0; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */

p { margin:0; padding:0; }
a { text-decoration:underline; font-weight:bold; color:#000; font-size:10px; }
a.selected { color:#B1B2B4; }
div.next a, div.back a { text-decoration:none; font-size:11px; }
strong { font-weight:bold; }

/* CONTENT */
/* BÜRO */
#buero_links { position:absolute; top:450px; left:250px; width:203px; height:102px; background:transparent url(../images/bg_buero_links.gif) 0 0 no-repeat; z-index:20; }
#buero_links ul li { padding:0; margin:0 0 4px 0; }
#buero_links div.pdf { position:absolute; top:1px; left:45px; }
#buero_links div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 20px -3px 0; }
#buero_links div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 -3px 2px; visibility:hidden; }
#buero_text { position:absolute; top:38px; left:434px; width:459px; height:473px; background:transparent url(../images/bg_buero_text.gif) 0 0 no-repeat; z-index:10; padding:20px 28px 0 28px; line-height:20px; }
#buero_text h2 { font:bold 11px/20px Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 0; }
#buero_text div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 11px -2px 0; }
#buero_text div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 -2px 28px; }

/* PROJEKTE */
#projekte_links { position:absolute; top:171px; left:732px; width:252px; height:220px; background:transparent url(../images/bg_projekte_links.gif) 0 0 no-repeat; z-index:20; line-height:30px; }
#projekte_links div.pdf { position:absolute; top:3px; left:42px; }
#projekte_links div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 10px -9px 0; }
#projekte_links div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 -9px 42px; visibility:hidden; }
#projekte_text { position:absolute; top:224px; left:293px; width:424px; height:361px; background:transparent url(../images/bg_projekte_text.gif) 0 0 no-repeat; z-index:10; padding:1px 48px 0 48px; line-height:15px; }
#projekte_text h2 { font:bold 11px/15px Arial, Helvetica, sans-serif; margin:0; padding:15px 0 0 0; }
#projekte_text div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 82px 2px 0; }
#projekte_text div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 2px 48px; }

/* PROJEKTRÄUME */
#projektraeume_links { position:absolute; top:180px; left:396px; width:189px; height:163px; background:transparent url(../images/bg_projektraeume_links.gif) 0 0 no-repeat; z-index:20; padding:16px 3px 0 37px; line-height:22px; }

/* WETTBEWERBE */
#wettbewerbe_links { position:absolute; top:206px; left:744px; width:228px; height:379px; background:transparent url(../images/bg_wettbewerbe_links.gif) 0 0 no-repeat; z-index:20; }
#wettbewerbe_links ul li { padding:0; margin:0 0 16px 0; }
#wettbewerbe_links div.pdf { position:absolute; top:13px; left:28px; }
#wettbewerbe_links div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 10px 0 0; }
#wettbewerbe_links div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 0 28px; visibility:hidden; }
#wettbewerbe_text { position:absolute; top:195px; left:271px; width:396px; height:409px; background:transparent url(../images/bg_wettbewerbe_text.gif) 0 0 no-repeat; z-index:10; padding:1px 60px 0 60px; line-height:15px; }
#wettbewerbe_text h1 { font:bold 11px/15px Arial, Helvetica, sans-serif; margin:0; padding:16.5px 0 0 0; text-decoration:underline; }
#wettbewerbe_text h2 { font:bold 11px/15px Arial, Helvetica, sans-serif; margin:0; padding:15px 0 0 0; }
#wettbewerbe_nav { position:absolute; top:317px; left:125px; width:150px; height:129px; background:transparent url(../images/bg_wettbewerbe_nav.gif) 0 0 no-repeat; z-index:15; padding:33px 3px 0 34px; }
#wettbewerbe_nav ul li { padding:0; margin:0 0 4px 0; }
#wettbewerbe_text div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 82px 29px 0; }
#wettbewerbe_text div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 29px 60px; }

/* GUTACHTEN */
#gutachten_links { position:absolute; top:316px; left:270px; width:213px; height:192px; background:transparent url(../images/bg_gutachten_links.gif) 0 0 no-repeat; z-index:20; }
#gutachten_links ul li { padding:0; margin:0 0 10px 0; }
#gutachten_links div.pdf { position:absolute; top:41px; left:25px; }
#gutachten_links div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 10px 0 0; }
#gutachten_links div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 0 25px; visibility:hidden; }
#gutachten_text { position:absolute; top:166px; left:516px; width:405px; height:409px; background:transparent url(../images/bg_gutachten_text.gif) 0 0 no-repeat; z-index:10; padding:16px 26px 0 36px; line-height:20px; }
#gutachten_text h1, #gutachten_text h2 { font:bold 11px/20px Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 0; }
#gutachten_text div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 25px 8.5px 0; }
#gutachten_text div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 8.5px 36px; }

/* LEHRE */
#lehre_links { position:absolute; top:358px; left:179px; width:198px; height:224px; background:transparent url(../images/bg_lehre_links.gif) 0 0 no-repeat; z-index:20; }
#lehre_links ul li { padding:0; margin:0 0 10px 0; }
#lehre_links div.pdf { position:absolute; top:32px; left:44px; }
#lehre_links div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 10px 0 0; }
#lehre_links div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 0 44px; visibility:hidden; }
#lehre_text { position:absolute; top:8px; left:434px; width:454px; height:447px; background:transparent url(../images/bg_lehre_text.gif) 0 0 no-repeat; z-index:10; padding:13px 28px 0 33px; line-height:20px; }
#lehre_text h2 { font:bold 11px/20px Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 0; }
#lehre_text div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 32.5px -3px 0; }
#lehre_text div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 8.5px 33px; }

/* VERÖFFENTLICHUNGEN */
#veroeffentlichungen_links { position:absolute; top:266px; left:58px; width:234px; height:199px; background:transparent url(../images/bg_veroeffentlichungen_links.gif) 0 0 no-repeat; z-index:20; }
#veroeffentlichungen_links ul li { padding:0; margin:0 0 10px 0; }
#veroeffentlichungen_links div.pdf { position:absolute; top:85px; left:21px; }
#veroeffentlichungen_links div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 65px 0 0; }
#veroeffentlichungen_links div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 0 21px; visibility:hidden; }
#veroeffentlichungen_text { position:absolute; top:211px; left:240px; width:408px; height:309px; background:transparent url(../images/bg_veroeffentlichungen_text.gif) 0 0 no-repeat; z-index:10; padding:34px 28px 0 64px; line-height:20px; }
#veroeffentlichungen_text h1, #veroeffentlichungen_text h2 { font:bold 11px/20px Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 0; }

/* IMPRESSUM */
#impressum_links { position:absolute; top:238px; left:156px; width:304px; height:295px; background:transparent url(../images/bg_impressum_links.gif) 0 0 no-repeat; z-index:20; padding:10px 3px 0 25px; line-height:15px; }
#impressum_links h1 { font:bold 11px/15px Arial, Helvetica, sans-serif; margin:0; padding:15px 0 15px 0; }
#impressum_links h2 { font:bold 11px/15px Arial, Helvetica, sans-serif; margin:0; padding:0; }
#impressum_links a { text-decoration:none; } 
#impressum_text { position:absolute; top:31px; left:444px; width:446px; height:491px; background:transparent url(../images/bg_impressum_text.gif) 0 0 no-repeat; z-index:10; padding:0 14px 0 56px; line-height:17px; font-size:10px; }
#impressum_text h2 { font:bold 10px/20px Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 0; }
#impressum_text div.next { position:absolute; bottom:0; right:0; vertical-align:bottom; text-align:right; margin:0 39px 24px 0; }
#impressum_text div.back { position:absolute; bottom:0; left:0; vertical-align:bottom; margin:0 0 24px 56px; }

#raster1_01 { position:absolute; top:450px; left:250px; width:203px; height:102px; background:transparent url(../images/bg_buero_links.gif) 0 0 no-repeat; visibility:hidden; z-index:2; }
#raster1_02 { position:absolute; top:38px; left:434px; width:515px; height:493px; background:transparent url(../images/bg_buero_text.gif) 0 0 no-repeat; visibility:hidden; z-index:1; }
#raster2_01 { position:absolute; top:171px; left:732px; width:252px; height:220px; background:transparent url(../images/bg_projekte_links.gif) 0 0 no-repeat; visibility:hidden; z-index:2; }
#raster2_02 { position:absolute; top:224px; left:293px; width:520px; height:362px; background:transparent url(../images/bg_projekte_text.gif) 0 0 no-repeat; visibility:hidden; z-index:1; }
#raster3_01 { position:absolute; top:206px; left:744px; width:228px; height:379px; background:transparent url(../images/bg_wettbewerbe_links.gif) 0 0 no-repeat; visibility:hidden; z-index:2; }
#raster3_02 { position:absolute; top:195px; left:271px; width:516px; height:409px; background:transparent url(../images/bg_wettbewerbe_text.gif) 0 0 no-repeat; visibility:hidden; z-index:1; }
#raster4_01 { position:absolute; top:316px; left:270px; width:213px; height:192px; background:transparent url(../images/bg_gutachten_links.gif) 0 0 no-repeat; visibility:hidden; z-index:2; }
#raster4_02 { position:absolute; top:166px; left:516px; width:467px; height:425px; background:transparent url(../images/bg_gutachten_text.gif) 0 0 no-repeat; visibility:hidden; z-index:1; }
#raster5_01 { position:absolute; top:358px; left:179px; width:198px; height:224px; background:transparent url(../images/bg_lehre_links.gif) 0 0 no-repeat; visibility:hidden; z-index:2; }
#raster5_02 { position:absolute; top:8px; left:434px; width:515px; height:460px; background:transparent url(../images/bg_lehre_text.gif) 0 0 no-repeat; visibility:hidden; z-index:1; }
#raster6_01 { position:absolute; top:266px; left:58px; width:234px; height:199px; background:transparent url(../images/bg_veroeffentlichungen_links.gif) 0 0 no-repeat; visibility:hidden; z-index:2; }
#raster6_02 { position:absolute; top:211px; left:240px; width:500px; height:343px; background:transparent url(../images/bg_veroeffentlichungen_text.gif) 0 0 no-repeat; visibility:hidden; z-index:1; }
#raster7_01 { position:absolute; top:238px; left:156px; width:332px; height:305px; background:transparent url(../images/bg_impressum_links.gif) 0 0 no-repeat; visibility:hidden; z-index:2; }
#raster7_02 { position:absolute; top:31px; left:444px; width:516px; height:491px; background:transparent url(../images/bg_impressum_text.gif) 0 0 no-repeat; visibility:hidden; z-index:1; }