* { margin:0; padding:0; }

html, body { height:100%; width:100%; }

body { background:#C2D7F2; color:#3F3F3F; text-align:center; }

#page { text-align:left; width:744px; margin:auto; display: table; height: 100%;  overflow: hidden; }

.tablecell { display: table-cell; vertical-align: middle; }

#middle { width:704px; padding:10px 20px 0 20px;}

#cell { padding: 10px 0 12px 0; }

#box { background: #fff; border: 1px #b0b0b0 solid; padding:20px; position:relative; margin:20px auto 0 auto; width:600px; }

#slideshow { background:url(images/01.jpg) no-repeat; width: 574px; height: 346px; position:relative; z-index:50; }

#out { margin: 20px auto 20px auto; border: 1px #b0b0b0 solid; width: 574px; height: 346px; }
#out span { display:none; }

#link { position:absolute; left:0; top:0; z-index:500; width:640px; height:584px; }

#link span { display:none; }

#logo { background:url(pics/logo.png) top center no-repeat; margin:auto; width: 574px; height:136px; cursor:pointer; display:block; }

#skip { background:url(pics/weiter.png) top center no-repeat; width: 158px; height:20px; display:block; margin:auto; }

.clear { clear: both; height: 0; line-height: 0; }

#navi { background:#fff; width: 574px; text-align:center; border-top: #173E76 1px solid; margin: 20px auto 0 auto; }

#navi a:link,
#navi a:visited { color:#173E76; font: bold 10px/12px Verdana, Geneva, sans-serif; text-decoration:none; padding: 0 5px 0 5px; }

#navi02 { background:#fff; width:600px; text-align:center; border: 1px #b0b0b0 solid; margin: 8px auto 20px auto; padding:10px 20px; }

#navi02 a:link,
#navi02 a:visited { color:#173E76; font: bold 10px/12px Verdana, Geneva, sans-serif; text-decoration:none; padding: 0 5px 0 5px; }