#preview {position:relative; width:360px; float:right; margin:60px 0; padding:5px;}
.preview {position:absolute; top:30px; width:300px; display:none; padding:15px; border:1px solid gray; /*width:100%;*/}

#years {position:relative; height: 440px;}

#preview h2, #years h2 {background:#9cf; background-image:url(h2p.png); background-repeat: repeat-x;  color:#000; font-weight:bold; text-align:center; display:block;}
#years h2 {margin-bottom:15px;}
#years div ul li {list-style-type:none; line-height:1.8; text-indent:-30px; }

#jahre li {list-style-type:none; display:inline; padding: 5px 20px; font-size:medium;  font-weight:bold;}
#jahre { text-align:center; margin:auto; }

form.join {margin:auto; text-align:center; padding:10px; margin:15px; background:#eee; -moz-border-radius: 1em;}

#foot {position:relative; padding-top:100px;}

.newsform {width:70%; margin-left:15%;}