/* Farbdefinitionen */
/*
Creme: #ffcb80;
Creme hell: #ffe9aa;
Dunkelblau: #4c6773
Dunkelblau dark: #33464e
Mittelblau: #577880
helles Mittelblau: #66868e
Hellblau: #cdd6da
Hellblau: #ebf8ff
Rot: #d04700
Grauwerte: #000
	#363636
	#999
	#fff

*/

/*
Initialisierungen; Überschreiben aller Browserdefaults, Korrekturen bei Bedarf
*/
* { margin: 0; padding: 0; line-height: 100%;  }
body { font-size: 100.01%; font-family: sans-serif; position: relative; width: 100%; height: 100%; }
/*
position rel auf body ist relevant für IE!!; sonst wird positionierung #footer ignopriert
*/
/* Positionierungen */
#idx_container { position: relative; width: 100%; height: 100%; }
/*
*/
#head { position: absolute; top: 0; left: 0; right: 18em; }
#cont { position: absolute; left: 0; right: 18em; top: 23em; }
#footer { position: fixed; bottom: 0; width: 100%; height: 4em; text-align: center; }
ul#idx { position: absolute; top: 0; right: 6em; width: 10em; height: 12em;}
li { position: absolute; right: 6em; width: 12em;}
li#wd { right: -1.5em; width: 12em;  top: 4em;}
li#wd a { display: block; background: transparent; padding: 1em 0; }
li#wd a span { display: none; }
li#wd a:hover { position: relative; top: 0em; left: 0; }
li#wd a:hover span {display: block; position: absolute; top: 1em; right: 20em; width: 16em;}

li#ref { right: -1.5em; width: 12em;  top: 8em; }
li#ref a { display: block; background: transparent; padding: 1em 0; }
li#ref a span { display: none; }
li#ref a:hover { position: relative; top: 0em; left: 0; }
li#ref a:hover span {display: block; position: absolute; top: 1em; right: 20em; width: 16em}

li#exm { right: -1.5em; width: 12em; top: 12em; }
li#exm a { display: block; background: transparent; padding: 1em 0; }
li#exm a span { display: none; }
li#exm a:hover { position: relative; top: 0em; left: 0; }
li#exm a:hover span {display: block; position: absolute; top: 1em; right: 20em; width: 16em}

li#imp { right: -1.5em; width: 12em; top: 16em; }
li#imp a { display: block; background: transparent; padding: 1em 0; }
li#imp a span { display: none; }
li#imp a:hover { position: relative; top: 0em; left: 0; }
li#imp a:hover span {display: block; position: absolute; top: 1em; right: 20em; width: 16em}

/*
*/
/* Farben und Hintergründe #770D23 */
#head  { background: no-repeat }
html { color: #cdcdcd; background: #33464e url(/chrome/deco/fond.gif) repeat; }
a { color: #cdcdcd; background: inherit; text-decoration: underline; }
li { border: solid #d04700; border-width: 1px 0.5em; }
li a { color: #cdcdcd; text-decoration: none; }
span { color: #d04700; background: #9Da9a0; -moz-border-radius: 8px; padding: 1em 0.5em; }
a span { text-decoration: none; line-height:  1.5em }

/* sonstige Definitionen */

#idx_container h1 { margin: 3.5em 0 0 1em; font: 280% Baskerville, Palatino, serif; }

#idx_container h2 { margin: 1em 0 0 3em; font: 200% Baskerville, Palatino, serif; }
#idx_container h3 { margin: 0.5em 0 0 4em; font: 150% Baskerville, Palatino, serif; }

ul#idx { padding: 4em 0 8em 0; background: #6D7680; }

ul#idx li { display: block; text-align: center;  }

p { clear: left; font-size: 90%; margin: 0 0 0 5%; }