*{ margin:0; padding:0; }

html, body { height:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }

#top-distance { float:left; height:50%; margin-bottom:-280px; width:100%; }
div.top-line { width:100%; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; background:url(images/menu-bg.jpg) #eeeeee 0px 0px repeat-x; border-bottom:1px solid #aaaaaa; }
img.logo { margin-top:20px; width:160px; height:50px; }
div.page { width:960px; clear:left; position:relative; margin:auto auto; }
div.content { position:absolute; width:960px; left:0px; top:100px; font-size:14px; }
div.header { margin-bottom:120px; width:600px; height:300px; font-size:20px; }
img.main { position:absolute; width:350px; height:350px; left:610px; top:100px; border:1px; }


a { text-decoration:none; color:#003366; }
a:link { text-decoration:none; color:#003366; }
a:hover { text-decoration:none; color:#006699; }
a.active { text-decoration:none; color:#006699; }

a.bell, a.bell_a { position:absolute; width:100px; height:100px; left:826px; top:205px; background:url(images/bell.jpg) 0px 0px no-repeat; }
a.bell:hover, a.bell_a { background-position:0px -100px; }

p { margin-bottom:10px; }
p.vertical_spacer_s { width:50px; height:200px; }
p.vertical_spacer_m { width:50px; height:400px; }
p.vertical_spacer_l { width:50px; height:800px; }

ol { margin-bottom:10px; margin-left:20px; }
ol li { margin-bottom:10px; font-size:14px; }
ul { margin-bottom:10px; margin-left:60px; list-style:none; display:block; }
ul li { margin-bottom:5px; list-style:url(images/li_point.gif); font-size:14px; }

span.caption { display:inline-block; width:100px; font-size:16px; }



/* Hauptmenu (Kontruktion) */
ul.menu { list-style:none; margin:0; padding:0; width:100%; z-index:99; }
ul.menu * ul { list-style:none; margin:0; padding:0; display:none; position:absolute; z-index:99; }
ul.menu li { float:left; list-style:none; }
ul.menu li * li { float:none; position:relative; }
ul.menu ul * ul { left:98%; top:0; }
ul.menu a { display:block; }
ul.menu ul * a { height:100%; }
ul.menu li:hover ul ul, ul.menu li:hover ul ul ul, ul.menu li:hover ul ul ul ul { display:none; }
ul.menu li:hover ul, ul.menu ul li:hover ul, ul.menu ul ul li:hover ul { display:block; }

/* Hauptmenu (Style) */
div.menu { margin:0px auto; width:650px; text-align:center; background:none; }
ul.menu li { margin:0px; padding:2px 20px; text-align:center; font-size:13px; color:#ffcc00; background:url(images/menu-bg.jpg) #eeeeee 0px 0px repeat-x; }
ul.menu ul { margin-left:-20px; margin-top:2px; padding:0px; background-color:#ffffff; border:#dddddd 1px solid; }
ul.menu ul li { padding:6px 20px; }
ul.menu li a { text-align:left; text-decoration:none; color:#000000; }
ul.menu ul li a { text-align:left; text-decoration:none; color:#333333; }
ul.menu li a:hover, ul.menu li a.active, ul.menu li a.active:hover { text-decoration:none; color:#006699; }


/* Schriften */
.large { font-size:30px; }
.medium { font-size:16px; }
.small { font-size:12px; }
.warning { color:#990000; }
.attent { color:#ffcc00; }
.tip{ color:#ff9900; }
.highlight { color:#336699; }



/* Überschriften */
h1 { margin-bottom:10px; font-size:20px; font-weight:bold; color:#336699; }
h2 { margin-bottom:8px; font-size:16px; font-weight:bold; color:#336699; }
h3 { margin-bottom:6px; font-size:14px; font-weight:bold; color:#336699; }
h4 { margin-bottom:4px; font-size:12px; font-weight:bold; color:#000000; }


/* Tabellen */
table.frame { border-collapse:collapse; border-spacing:0; margin-bottom:10px; border-left:#cccccc solid 1px; border-bottom:#cccccc solid 1px; }
table.frame th { padding:5px; vertical-align:top; font-weight:bold; border-right:#cccccc solid 1px; border-top:#cccccc solid 1px; background-color:#dddddd; }
table.frame td { padding:5px; vertical-align:top; border-right:#cccccc solid 1px; border-top:#cccccc solid 1px; }


/* Images */
img.blank { border-width:0; }
img.default { background-color:#eeeeee; border:1px solid #dddddd; padding:10px; vertical-align:top; }