/* <style type="text/css"> */
/* <link rel=stylesheet type="text/css" href="ux.css"> */
/* <meta date="2007-09-22"> */
/* Common elements */
body {position:relative; background:#bbbbcc; margin:0; padding:0; font-family:Verdana,Arial,sans-serif; font-size:12px; }
p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr { font-family:Verdana,Arial,sans-serif; }
p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:12px; }
p { text-align:justify; }

/* Text headers */
h1 { margin: 0.8em 0 0.0em 0; padding: 5px 10px 8px; text-align: left;
   background: #eeeeee; color: #666677; letter-spacing: 0.1em;
   font: bold 18px sans-serif; height: 20px; white-space: nowrap;}
h2 { margin-top:1.8em; font-size:14px; }
h3 { margin-top:1.2em; margin-bottom: -0.5em; padding: 0px 15px 0px; text-align: left; font-size:13px; }
h4 { margin: 0 0 0.5em 0; padding: 1px 10px 0px; text-align: left;
   background: #eeeeee; color: #000000; letter-spacing: 0.0em;
   font: bold 14px sans-serif; height: 20px; white-space: nowrap;}


/* Text styles */
tt { font-family:Courier New,Courier,monospace; font-size:13px; color:#000060; }
code { font-family:Courier New,Courier,monospace; font-size:13px; }
i { color:#006000; }
pre { margin: 0 0 0.5em 0; padding: 10px 2px 10px 5px;
   border: dotted 1px #ddd;
   font-family:Courier New,Courier,monospace; font-size:13px; color:#404040; }
pre b { font-family:Courier New,Courier,monospace; font-weight:bold; font-size:13px; color:#000000; }
pre tt { font-size:13px; font-weight:bold; color:#0000ff; }
pre code { font-size:13px; color:#b42020; }
pre em { font-size:13px; font-weight:bold; color:#ff0000; }
sup { font-size:9px; }
i#footnote { font-size:9px; }
tt#footnote { font-size:10px; }

/* Links */
a:link { color:#AA5522; text-decoration:none; }
a:visited { color:#772200; text-decoration:none; }
a:active { color:#000000; text-decoration:underline; }
a:an { text-decoration:none; }
a#ux { color:#000000; text-decoration:none; font-weight:bold; font-family:Times New Roman,serif; }

/* Navigation bar */
#logo {position:absolute; top:46px; left:15px; width:166px;
   font:18px Times New Roman, serif; z-index:100;}
#logo a {text-align:center; font:18px 'Times New Roman',serif; letter-spacing:0.05em;
   padding: 5px 10px; margin: 0 0 1px; color:#000000; background:#bbbbcc;
   border-right: 0px; text-decoration:none;}

div#footnote { font-size:9px; }
div#links {position:absolute; top:96px; left:0; width:163px;
   font:16px Verdana, sans-serif; z-index:100;}
div#links a {display: block; text-align: left; font: bold 16px sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; color:#ddddff; background:#888888;
   border-right: 3px solid #808080; text-decoration:none;}
div#links a:hover {color: #441111; background: #AAAAAA;
   border-right: 3px double white;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 213px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000000; background: #bbbbcc;
   font: 10px Verdana, sans-serif; text-align: left;}

div#more {position:absolute; top:386px; left:0; width:163px;
   font:16px Verdana, sans-serif; z-index:100;}
div#more a {display: block; text-align: left; font: bold 14px sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; color:#ddddff; background:#888888;
   border-right: 3px solid #808080; text-decoration:none;}
div#more a:hover {color: #441111; background: #AAAAAA;
   border-right: 3px double white;}
div#more a span {display: none;}
div#more a:hover span {display: block;
   position: absolute; top: 79px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000000; background: #bbbbcc;
   font: 10px Verdana, sans-serif; text-align: left;}

div#abstract { margin: 2.0em 0 1.5em 0;  text-align: justify;
   font-family:Verdana,Arial,sans-serif; font-size:12px; }


/* Body */
#content {position:absolute; top:26px; left:161px; right:25px;
   color: #000000; background: #FFFFFF; 
   font: 13px Verdana, sans-serif; padding:10px; padding-bottom:70px;
   border: solid 3px #808080;}

/* Page header */
#header { position:absolute; border:0px; left:0; top:0; margin-left:0;
   right:0.5px; width:100%; padding:0.1em; float:left; background:#444444; font-size:10px;
   color:#ddddff;}
#header a:visited, #header a:link { color:#ddddff; }
#date { position:absolute; border:0px;top:0;
   right:0; padding:0.1em; float:right; background:#444444; font-size:10px;
   color:#ddddff;}

/* Lists */
ul#inhalt { border:0px; }
ul#inhalt li { list-style:none; margin-left: -2em;
   font-family:Verdana,Arial,sans-serif; font-size:14px; }
ul#inhalt a:link, ul#inhalt a:active { color:#aa5522; ; text-decoration:none; } 
ul#inhalt a:visited { color:#772200; ; text-decoration:none; }

ul#archiv { border:0px; }
ul#archiv li { list-style:none; margin-left: -2em;
   font-family:DejaVu Sans Mono,sans-serif; font-size:14px; }
ul#archiv a:link, ul#archiv a:active { color:#aa5522; ; text-decoration:none; } 
ul#archiv a:visited { color:#772200; ; text-decoration:none; }
ul#archiv span { position: absolute; left: 125px; font-family:Verdana,Arial,sans-serif; font-size:14px; }

ol#toc { border:0px; }
ol#toc li { font-family:Verdana,Arial,sans-serif; font-size:14px; }
ol#toc a:link, ol#toc a:active { color:#aa5522; ; text-decoration:none; } 
ol#toc a:visited { color:#772200; ; text-decoration:none; } 

ul#box { border:0px; margin-top:25px;}
ul#box b { font-family:Verdana,Arial,sans-serif; font-size:14px; font-weight:bold; }
ul#box li { display:block; list-style:none; margin-left:-35px; margin-right:10px;
   font-family:Verdana,Arial,sans-serif; font-size:14px; padding:2px}
ul#box li#lh { color:#eeeeee; background:#888888; font-weight:bold; }
ul#box li#a1, ul#box li#a2 { padding-left:108px; font-size:12px; font-style:italic;
   padding-top:0; }
ul#box li#l1, ul#box li#a1 { background:#eeeeee; }
ul#box li#l2, ul#box li#a2 { background:#cccccc; }
ul#box a:link, ul#box a:active { color:#aa5522; ; text-decoration:none; } 
ul#box a:visited { color:#772200; ; text-decoration:none; } 
ul#box span { position: absolute; left: 275px; }

ul#ov { border:0px; margin-top:25px;}
ul#ov li { display:block; list-style:none; margin-left:-35px; margin-right:10px;
   font-family:DejaVu Sans Mono,sans-serif; font-size:14px; font-size:14px; padding:2px}
ul#ov li#lh { color:#eeeeee; background:#888888; font-family:Verdana,Arial,sans-serif; font-weight:bold; }
ul#ov li#a1, ul#ov li#a2 { padding-left:108px; font-family:Verdana,Arial,sans-serif; font-size:12px; font-style:italic;
   padding-top:0; }
ul#ov li#l1, ul#ov li#a1 { background:#eeeeee; }
ul#ov li#l2, ul#ov li#a2 { background:#cccccc; }
ul#ov a:link, ul#ov a:active { color:#aa5522; ; text-decoration:none; } 
ul#ov a:visited { color:#772200; ; text-decoration:none; } 
ul#ov span { position: absolute; left: 125px; font-family:Verdana,Arial,sans-serif; font-size:14px; }

p#warn { margin: 0 0 0.5em 0; padding: 10px 2px 10px 5px;
   background: #ff7777; color:#000000; 
   font: 13px Verdana,Arial,sans-serif; }

p#tip { margin: 0 0 0.5em 0; padding: 10px 2px 10px 5px;
   background: #ffff77; color:#000000; 
   font: 11px Verdana,Arial,sans-serif; }
p#tip code { font: 11px Courier New,Courier,monospace; }

/* New style preformatted areas */
pre#area { margin: 0 0 0.5em 0; padding: 10px 2px 10px 5px;
   border: solid 1px #aaa;
   background: #eeeeee; color:#000000; 
   font: 13px Courier New,Courier,monospace; }
pre#area b { font-size:13px; font-weight:bold; }
pre#area tt { font-size:13px; font-weight:bold; color:#0000ff; }
pre#area code { font-size:13px; color:#b42020; }
pre#area em { font-size:13px; font-weight:bold; color:#ff0000; }
pre#area kbd { font: 13px Courier New,Courier,monospace; color:#BD8508; }
pre#area samp { font: 13px Courier New,Courier,monospace; color:#008100; }

/* New style preformatted areas */
pre#menu { margin: 0 0 0.5em 0; padding: 10px 2px 10px 5px;
   background: #0000ee; color:#00ffff; 
   font: 13px Courier New,Courier,monospace; font-weight:bold; }
pre#menu em { font-size:13px; font-weight:bold; color:#ffff00; }

/* This simulates a VT100 screen (80 columns b&w) */
pre#screen { margin: 0 0 0.5em 0; padding: 10px 2px 10px 5px;
   background: #000000; color:#d0d0d0; width:655px;
   font: 13px Courier New,Courier,monospace; }
pre#screen b { font-size:13px; font-weight:bold; color:#ffffff; }
pre#screen em { font-size:13px; font-weight:bold; color:#ff0000; }

/* Internet Explorer does not support CSS very well */
/* You should not use it, but anyway - here are the hacks */
* html div#links a:hover span { position:absolute; top:220px; }
* html h1 { margin: -9px -9px 0.5em; }

/* </style> */