* {margin:0; padding:0;}

body {margin:0; padding:130px 100px 25px 350px; font-family:Arial, sans-serif; font-size:14px; text-align:left; line-height:1.3em; color:#000000; background:#FEFABB url(../images/body-background.gif) no-repeat left top;}
h2 {margin-bottom:1.3em; padding-top:1.3em; padding-left:20px; font-size:14px; color:#018CE8; background:url(../images/navigation-background.gif) no-repeat;}
p {margin-bottom:1.3em; padding-left:20px;}
ul {margin:0 0 1.3em 45px; list-style: outside url(../images/bullet.gif) disc;}
a {color:#018CE8; text-decoration:none;}
img {border:none;}

h1.title {position:absolute; top:0; left:0; width:300px; height:270px;}
h1.title a {position:absolute; width:100%; height:100%; text-indent:-1000px; background:url(../images/title-background.gif) no-repeat;}

ol.navigation {position:absolute; top:300px; left:50px; list-style:none;}
ol.navigation li {padding:15px 0 25px 0; background:url(../images/navigation-background.gif) no-repeat;}
ol.navigation a {margin-left:15px;}

ol.subnavigation {margin-left:-300px; list-style:none;}
ol.subnavigation li {}
ol.subnavigation a {}

a.slide {padding:2px 5px; color:#000; font-weight:bold; background:#FEF3A4; display:block}
span.showinfo {padding:5px;}

.hide {display: none;}

/* ------------ HACKS ------------ */

/**
 * http://de.selfhtml.org/css/layouts/browserweichen.htm
 * 
 * 
 * Konditionale Kommentare:
 * <!--[if IE]>
 *  <style type="text/css">@import url(ie.css);</style>
 * <![endif]--> 
 * 
 * [if IE]: alle Versionen (ab 5.0),
 * [if IE 6]: alle 6er-Versionen,
 * [if lt IE 7]: alle Version vor 7 (less-than = kleiner als), 
 * [if lte IE 5.5999]: alle Version bis 5.5 (less-than or equal = kleiner oder gleich),
 * [if gte IE 5.5]: alle Version ab 5.5 (greater-than or equal = größer oder gleich).
 * 
 * 
 * Attribut-Selektor: p[id] {}
 * Selektiert <p>, welches ein id-Attribut mit beliebigem Wert aufweist
 * Internet Explorer für Windows bis Version 6 und Netscape 4
 * 
 * Kind-Selektor: html>body #ID {}
 * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist
 * Internet Explorer für Windows ab Version 7 und moderne Browser
 * 
 * Kind-Selektor: html>/**/body #ID {}
 * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist
 * Moderne Browser (OHNE Internet Explorer für Windows Version 7)
 *
 * Star-HTML-Hack: * html #ID {}
 * Internet Explorer für Windows bis Version 6
 * 
 * Star-Plus-HTML-Hack: *+html #ID {}
 * Internet Explorer für Windows ab Version 7
**/