.csstest { display:none; speak:none;}

body { background:#99CCFF; margin:0px; padding:0px; } 


/* Textauszeichnungen */

h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,span { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }

A:link { text-decoration:none; color:#FF9900; }
A:visited { text-decoration:none; color:#FF9900; }
A:hover { text-decoration:underline; color:#FF9900; }
A:active { text-decoration:underline; color:#FF9900; }

span.head { font-size:36px; font-weight:bold; color:#6699CC; line-height:25px;}
span.sub { font-size:18px; font-weight:bold; color:#99CCFF;}
span.bioname { font-size:18px; font-weight:bold; color:#6699CC;}
span.jahr { font-size:14px; font-weight:bold; color:#99CCFF;}
span.ftext { font-size:12px; font-weight:bold; color:#FFFFFF; line-height:18px; }
span.flite { font-size:12px; color:#FFFFFF; line-height:18px; }

div[align=right] { margin-right:25px; }

div.nav { font-size:16px; color:#FFFFFF; font-weight:bold; margin-left:25px; }
div.navr { font-size:16px; color:#FFFFFF; font-weight:bold; text-align:right; margin-right:25px; }
div.navkl { font-size:12px; color:#FFFFFF; text-align:left; margin-left:25px; vertical-align:bottom; }


/* Farbauszeichnungen */

.cbhin { color:#99CCFF;}
td.bg { color: #FFFFFF; background: #99CCFF; }
td.bio { color: #FFFFFF; background: #6699CC; } 
td.per { color: #FFFFFF; background: #336699; }  


/* Positionierung 
bg:Hintergrund, logo:zur stiftung, per:persone perthead:†berschrift, pertsub:UnterŸber, perb:personen bildbereich, pert:personen textbereich, */

#boxbg { position:absolute; left:50%; width:760px; height:560px; margin-top:4%; margin-left:-380px; z-index:1; background:#336699;}
#boxbgbild { position:absolute; top:141px; left:227px; width:413px; height:458px; vertical-align:bottom; z-index:3; } 

#boxzoom { position:absolute; top:0px; left:0px; }
#boxzoombtxt { position:absolute; top:0px; left:0px; width:70px; height:90px; z-index:6; background:#336699; } 

#boxlogo { position:absolute; top:436px; left:469px; width:300px; height:145px; z-index:2; } 
#boxlogo2 { position:absolute; top:438px; left:640px; width:134px; height:139px; z-index:2; } 

#boxpfeilvor { position:absolute; left:400px; width:16px; height:18px; z-index:4; }

#boxbiobut { position:absolute; top:10px; left:630px; width:139px; height:32px; z-index:7; }
#boxbiot { position:absolute; top:300px; left:30px; width:690px; height:100px; z-index:1; }

#boxperthead { position:absolute; top:10px; left:30px; width:690px; height:45px; z-index:6; background:#336699; }
#boxpertsub { position:absolute; top:61px; left:30px; width:690px; height:30px; z-index:6; background:#336699; text-align:right; }
#boxpertsubl { position:absolute; top:61px; left:30px; width:690px; height:30px; z-index:6; background:#336699; text-align:left; }

#boxperb { position:absolute; top:110px; left:30px; width:240px; height:300px; z-index:5; background:#336699; text-align:right; } 
#boxpert { position:absolute; top:110px; left:300px; width:420px; z-index:6; }
 

#boxperbut1 { position:absolute; top:450px; left:30px; width:53px; height:70px; z-index:6; } 
#boxperbut2 { position:absolute; top:450px; left:100px; width:53px; height:70px; z-index:6; } 
#boxperbut3 { position:absolute; top:450px; left:170px; width:53px; height:70px; z-index:6; } 
#boxperbut3c { position:absolute; top:463px; left:181px; width:46px; height:61px; z-index:5; } 
#boxperbut4 { position:absolute; top:450px; left:240px; width:53px; height:70px; z-index:6; } 

#boxperbut5 { position:absolute; top:530px; left:30px; width:53px; height:70px; z-index:6; } 
#boxperbut6 { position:absolute; top:530px; left:100px; width:53px; height:70px; z-index:6; } 
#boxperbut7 { position:absolute; top:530px; left:170px; width:53px; height:70px; z-index:6; } 
#boxperbut8 { position:absolute; top:530px; left:240px; width:53px; height:70px; z-index:6; } 

#boxperbuthg { position:absolute; top:500px; left:310px; width:70px; height:40px; z-index:6; }