* { font-family:Verdana, Arial, Helvetica, sans-serif;}
html, body { margin:0 0 0 0; padding:0 0 0 0; }

.main { height:496px; width:762px; position:relative; overflow:hidden;}
.main .head { height:323px; background:white url(images/head-bg.jpg) 0 0 repeat-x;}
.main .foot { position:absolute; bottom:0px; height:200px; width:762px; background:transparent url(images/foot-bg.gif) 0 0 no-repeat;}

.main .off { display:none; }

.main .foot dl { margin:0 0 0 0; padding:0 0 0 0; height:128px; width:762px; position:absolute; bottom:0px; list-style:none;}
.main .foot dl dt { display:none; }
.main .foot dl dd { margin:0 0 0 0; padding:0 0 0 0; float:left; height:128px;}
.main .foot dl a { height:128px; display:block; width:100%;}
.main .foot dl a span { display:none; }

.main .foot dl dd#navi-1950 a { width:109px; background:transparent url(images/1.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1960 a { width:113px; background:transparent url(images/2.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1970 a { width:145px; background:transparent url(images/3.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1980 a { width:129px; background:transparent url(images/4.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1990 a { width:129px; background:transparent url(images/5.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-2000 a { width:137px; background:transparent url(images/6.jpg) 0 0 no-repeat; }
 
.main .foot dl dd#navi-1950 a:hover { width:109px; background:transparent url(images/1_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1960 a:hover { width:113px; background:transparent url(images/2_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1970 a:hover { width:145px; background:transparent url(images/3_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1980 a:hover { width:129px; background:transparent url(images/4_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1990 a:hover { width:129px; background:transparent url(images/5_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-2000 a:hover { width:137px; background:transparent url(images/6_on.jpg) 0 0 no-repeat; }

.main .foot dl dd#navi-1950 a.on { width:109px; background:transparent url(images/1_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1960 a.on { width:113px; background:transparent url(images/2_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1970 a.on { width:145px; background:transparent url(images/3_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1980 a.on { width:129px; background:transparent url(images/4_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-1990 a.on { width:129px; background:transparent url(images/5_on.jpg) 0 0 no-repeat; }
.main .foot dl dd#navi-2000 a.on { width:137px; background:transparent url(images/6_on.jpg) 0 0 no-repeat; }

.main .head .chronicle { width:762px; height:323px; position:absolute; }
.main .head .chronicle div { position:absolute; top:94px; left:290px; width:212px; color:#4e5f6c; }
.main .head .chronicle div h1 { display:none;}
.main .head .chronicle div p { font-size:10px; line-height:140%;}

.main .head #chronicle-1950 { background:transparent url(images/1950.jpg) 0 0 no-repeat; }
.main .head #chronicle-1960 { background:transparent url(images/1960.jpg) 0 0 no-repeat; }
.main .head #chronicle-1970 { background:transparent url(images/1970.jpg) 0 0 no-repeat; }
.main .head #chronicle-1980 { background:transparent url(images/1980.jpg) 0 0 no-repeat; }
.main .head #chronicle-1990 { background:transparent url(images/1990.jpg) 0 0 no-repeat; }
.main .head #chronicle-2000 { background:transparent url(images/2000.jpg) 0 0 no-repeat; }

/* englisch */
.main_en .head #chronicle-1950 { background:transparent url(images/englisch/1950_en.jpg) 0 0 no-repeat; }
.main_en .head #chronicle-1960 { background:transparent url(images/englisch/1960_en.jpg) 0 0 no-repeat; }
.main_en .head #chronicle-1970 { background:transparent url(images/englisch/1970_en.jpg) 0 0 no-repeat; }
.main_en .head #chronicle-1980 { background:transparent url(images/englisch/1980_en.jpg) 0 0 no-repeat; }
.main_en .head #chronicle-1990 { background:transparent url(images/englisch/1990_en.jpg) 0 0 no-repeat; }
.main_en .head #chronicle-2000 { background:transparent url(images/englisch/2000_en.jpg) 0 0 no-repeat; }

.main .head #chronicle-1950 div { top:94px; left:290px; width:212px; }
.main .head #chronicle-1960 div { top:94px; left:290px; width:212px; }
.main .head #chronicle-1970 div { top:94px; left:290px; width:212px; }
.main .head #chronicle-1980 div { top:94px; left:290px; width:212px; }
.main .head #chronicle-1990 div { top:94px; left:290px; width:212px; }
.main .head #chronicle-2000 div { top:94px; left:290px; width:212px; }

.main .head .chronicle .label { color:#4e5f6c; font-weight:bold; font-size:10px; position:absolute; margin:0 0 0 0; padding:0 0 0 0; }

.main .head #chronicle-1950 .label-1 { width:100px; left:168px; top:70px; }
.main .head #chronicle-1950 .label-2 { width:100px; left:210px; top:260px; }
.main_en .head #chronicle-1950 .label-2 { width:80px; left:210px; top:260px; }
.main .head #chronicle-1950 .label-3 { width:100px; left:490px; top:260px; }

.main .head #chronicle-1960 .label-1 { width:100px; left:180px; top:260px; }
.main .head #chronicle-1960 .label-2 { width:100px; left:659px; top:196px; }
.main .head #chronicle-1960 .label-3 { width:100px; left:600px; top:260px; }
.main_en .head #chronicle-1960 .label-3 { width:80px; left:600px; top:260px; }

.main .head #chronicle-1970 .label-1 { width:100px; left:32px; top:244px; }
.main .head #chronicle-1970 .label-2 { width:100px; left:596px; top:175px; }

.main .head #chronicle-1980 .label-1 { width:100px; left:174px; top:67px; }
.main .head #chronicle-1980 .label-2 { width:100px; left:23px; top:250px; }
.main_en .head #chronicle-1980 .label-2 { width:80px; left:23px; top:250px; }
.main .head #chronicle-1980 .label-3 { width:100px; left:625px; top:25px; }

.main .head #chronicle-1990 .label-1 { width:100px; left:205px; top:270px; }
.main_en .head #chronicle-1990 .label-1 { width:120px; left:205px; top:270px; }
.main .head #chronicle-1990 .label-2 { width:120px; left:606px; top:135px; }

.main .head #chronicle-2000 .label-1 { width:100px; left:30px; top:260px; }
.main_en .head #chronicle-2000 .label-1 { width:80px; left:30px; top:260px; }
.main .head #chronicle-2000 .label-2 { width:100px; left:620px; top:195px; }