html,body,ul,li,img {margin:0;padding:0;border:0;list-style: none;font-size:10px;line-height:16px}
a{text-decoration:none;font-size:10px;color:#000;line-height:16px}
a:hover{color:#999}
p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;padding:0;margin:0 0 16px 0}
.txt{font-size:10px}
body {
padding: 0 400px; /* the critical side padding that sets the natural min-width! */
background: #fff url(grafik/strp-blau.gif) repeat-x 0 90px; /* this BG tiles the area outside the columns */
color: #000;
font-family: verdana, sans-serif;
font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
text-align: center; /* centers the #sizer element in IE5.x/win */
}
/*\*/
* html body {background:#fff url(grafik/strp-blau2.gif) repeat-x 0 80px}
/* #expander must have "height: 0" in IEwin bug fixing */
#sizer {
margin: 0 auto; /* centers #sizer in standard browsers */
padding: 0;
width: 22%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
text-align: left; /* resets the default text alignment for the page */
}
#expand { /* Any % height here causes IE to lose the neg right margin */
margin: 0 -400px; /* neg side margin values should be < or = to side body padding */
min-width: 800px; /* This prevents Safari from losing the negative margins in narrow windows */
position: relative; /* makes #expander visible outside #sizer in IEwin */
}
/*\*/
* html #expand {height: 0;}
/* #expander must have "height: 0" in IEwin bug fixing */
#wrap{
position: relative;
background: #fff; /* this BG tiles the left column */
font-size: 10px; /* set global font-size here */
} /* this positioning may be needed for IEwin if page is to contain positioned elements */
#head, #studhead{width:100%;background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;}
#head h1{font-size:18px;margin:32px 0 0 32px;padding:0;color:#333;line-height:32px}
#menu{width:100%;font-family:Verdana, sans-serif;margin:0;background:#eee;border-top:1px solid #666688;border-bottom:1px solid #666688;height:22px}
#menu ul{width:800px;margin: 0 auto;padding:0;}
#menu ul li{float:left;display:inline;padding:0;margin:0;}
#menu ul li a{text-decoration:none;color:#668;line-height:24px;font-weight:bold;font-size:11px;padding:4px 15px;border-left:1px solid #ddddde}
#menu ul li a:hover{color:#333;background:#ddd}
#menu ul li span{color:#222266;font-weight:bold;font-size:11px;padding:4px 2px;line-height:24px;background:#fff;}
#content{width:100%;background:#fff;height:500px}
div.std{width:600px;margin:64px auto 0 auto}
/*\*/
* html div.std {position:absolute;left:50%;margin-left:-300px;top:80px}
div.std span a{margin-right:14px;line-height:32px}
div.std h2{font-size:14px;line-height:32px}
div.wide{width:100%;margin-top:20px}
div.pf{margin:40px 20px 0 20px;}
/*portfolio
#plist{width:820px;margin:30px auto}*/
#stud li{display:inline;float:left;margin:0 0 16px 0;width:112px;text-align:center;font-size:9px}
#stud li a:hover{color:#000}
#stud li a img{width:75px;height:100px}
/*einzelseiten*/
#person h2{font-size:14px;line-height:32px}
#person,#pixnav{display:inline;float:left;}
#person{width:180px;margin-top:32px;margin-left:20px}
#pixnav{width:130px;margin-bottom:32px}
ul#pix li{width:60px;height:40px;margin:0 8px 8px 0;display:inline;float:left}
ul#pix li.inf a{background-image:url(grafik/info.png)}
ul#pix li.txt a{background-image:url(grafik/text.png)}
ul#pix li a{width:60px;height:40px;text-indent:-999em;background-repeat:no-repeat;background-position:0 -40px;display:block}
ul#pix li a:hover{background-position:0 0}
#display{width:570px;height:510px;float:right;display:inline}
.back{width:180px;clear:both}
#studhead{border-bottom:1px solid #999;}
#studhead h1{font-size:18px;line-height:32px;margin:32px 0 0 32px;padding:0;}
#studhead h1 a{font-size:18px;color:#aaa}
#studhead h1 a:hover{color:#666}
#studhead.minihead{border:0}
#studhead.minihead h1{font-size:18px;margin:16px 0 0 32px;padding:0;height:32px}
#studhead.minihead h1 a{font-size:12px;line-height:16px;color:#aaa;position:relative;top:16px}
* html #studhead h1.minihead a{top:1px}
#studhead p{margin:0;padding:0 0 0 60px}
#subhead{margin:1px 0 25px 0}
#subhead span{margin-right:16px;}
#studhead .backlink{position:absolute;right:0;top:12px;line-height:32px}
* html #studhead .backlink{top:44px}
#studworks{margin:32px 80px 288px 32px;display:block;clear:both}
* html #studworks{margin-bottom:70px;width:600px}
#worklist li{display:inline;float:left;margin:0 16px 16px 0;width:108px;text-align:center;font-size:9px}
.studtxt{margin-bottom:32px;padding-left:32px;padding-right:80px;line-height:16px}
.studtxt p{margin:8px 80px 8px 32px;font-size:10px;line-height:16px}
.studtxt p.medialink{margin:16px 80px 0 32px}
.studtxt p.medialink a{text-decoration:underline}
.studdsp{margin:32px;text-align:center}
.studtxt .wtxt{margin-left:32px;width:600px}
.studtxt .wtxt p{margin-left:0}
.vtable{display:block;clear:both;margin:32px 64px 16px 0px;}
.studtxt h2{margin:32px 0 16px 0px;font-size:14px;line-height:16px}
.vtable h2{font-size:14px;margin:24px 0 8px 0;line-height:16px}
table.vita{margin:8px 16px 8px 32px;}
table.vita td{font-size:10px;line-height:16px}
td.date{width:100px;margin-right:32px;vertical-align:top}
#hline{display:inline;margin:0;padding:0;}
#miniworks{position:absolute;top:12px;right:0}
* html #miniworks{top:27px}
#worknav{margin:0;padding:0;}
#worknav li{display:inline;float:left;margin:0 5px}
#worknav li a{border:1px solid #999;background:#fff;color:#666;padding:0 3px}
* html #worknav li{padding:1px 0}
#worknav li a:hover, #worknav li.currwork a{background:#ccc;color:#333}
/*arbeiten: siehe display.css*/
/*archiv*/
#archivnav{display:inline;float:left;margin-top:48px;margin-left:32px;margin-right:48px;line-height:16px}
#archivnav h2{font-size:14px;line-height:32px;margin:0 0 16px 0;padding:0}
#archivnav .linklst{margin-bottom:48px}
#archivnav .linklst li{margin-left:8px;line-height:16px}
#archivnav .linklst li span{font-size:10px;color:#fc0}
#archivnav .linklst li.x a{color:#fc0}
#show{display:inline;float:left;width:500px}
#archivsel{width:450px;}
#archivsel li{display:inline;float:left;padding:3px 3px;margin-bottom:5px}
#archivsel li a{border:1px solid #999;background:#ddd;padding:1px 3px}
#archivsel li a:hover{color:#226;background:#999}
img#placeholder{margin-top:16px}
#event{margin-top:64px}
#event p{width:150px}
/*ausstellungen*/
#exhib{width:450px;margin:60px auto 0 auto}
#exhib h2{font-size:10px;margin-bottom:32px;line-height:16px}
#exhib p{margin-bottom:32px;padding-left:16px}
/*kontakt*/
#kontakt{width:160px;float:left;margin-left:48px}
#klasse{width:450px;margin-top:48px}
#klist{font-size:10px;border:0;width:430px;line-height:16px;margin:0;padding:0}
#klist th{text-align:left;font-size:10px;line-height:16px;margin:0 0 16px 0;padding:0}
#klist tbody tr{line-height:16px}
#klist td{padding:0 0 0 16px;margin:0;line-height:16px}
#kw{width:500px;margin-top:48px;display:inline}