/*   Copyright (c) 2001-2002 by      */
/*   Kristof Lipfert, Duesseldorf    */
/*   all rights reserved.            */

body{margin:0;padding:0;color:black;background-color:white;}
* body{margin:5px;}
#adressen{margin:0;padding:0;height:1.2em;}
@media screen{ html * body #adressen{white-space:pre}}
h1,h2 {font-family:arial, verdana;margin-top:1em; color:#333333;font-weight:600; /*/*/ padding-left:.1em;  /* */}
p{font-family:verdana;font-size:13px;padding:15px;
text-indent:10px;line-height:17px;color:#1c1c1c;width:800px;margin-left:auto;margin-right:auto}
@media screen{ html * body  p { width:750px;text-indent:0; }}
@media screen{ html * body p:first-letter { margin-left:15px; }}
code.nr, code.cd{white-space:pre;color:#222222}
p.foo small, p.foo{font-size:10px;line-height:10px;padding:0;margin:0;}
p.foo small{padding-top:50px}

* div#syn, div.smp{background-color:#f6f6f6;border:1px solid white;width:580px;padding:15px;margin-left:auto;margin-right:auto}
div.samp{margin-right:auto;margin-left:auto;}


div.code{margin-left:auto;margin-right:auto;width:600px;border:1px solid gray;background-color:#f3f3f9;}
code.nr{float:left;border:1px solid #f3f3f9;background-color:#dcdcf3;padding-right:5px;padding-left:5px;width:30px;}
* code.cd{border:1px solid #f3f3f9;}
div.code, div.code *, code.cd, code.nr {font-size:12px;line-height:15px;font-family:mono-spaced, monospace, sans-serif;}
* div.code{padding:3px}
div.code > code.nr {margin-right:15px}
h2, * p{clear:both}

div > span.test {display:block;margin-left:30%;}

.fr{float:right}
.fl{float:left}
.cb{clear:both}
h1{clear:both;margin-top:0;padding-top:0}
* h1 {padding-top:.5em;}
.tdn{text-decoration:none}

ul.p {font-family:arial, verdana;font-size:13px;line-height:18px;list-style-image:url(./images/bd.gif);}
ul.p {padding-left:100px;width:560px;margin-left:auto;margin-right:auto}
ul.p li {text-align:left;}

@media tty{
#dummy{display:none}
.cb{clear:none}
.fl{width:85%}
.fr{width:10%}
span.test {position:relative;left:30%;}
span.test div{margin-left:30px;}
}

* div.code pre{display:inline;}

div.nc{position:relative}

marquee, #lt{width:600px;font-family:monospace, mono-space; font-size:13.4px; height:18px;overflow:hidden;
white-space:pre;color:yellow;background-color:green;text-align:center;left:10%}

html:first-child>b\ody div.code, [dummy="dummy"] {width:52em;}
html:first-child>b\ody div#syn samp, [dummy="dummy"] {font-size:12px;}
*:not(hr) div.code, *:not(hr) div.smp {width:45em;}
*:not(hr) code.cd {width:41em;}

/*/*//*/\{! i{}
div.code pre{float:left;}
br.cl{display:none}
p{margin-top:0;}
p, ul.p, ul.p li{fontsize:14px;}
ul li{fontweight:bold}
#syn samp div{whitespace:pre;}                   
div.smp,div.code,p{align:center;}

#syn samp {layer-background-color:#f6f6f6;display:block;width:600px}
#syn{ text-align:center;padding-left:50%;margin-left:-300px;position:relative}
#syn samp{position:relative;}
#syn samp span{position:relative;display:block;}

ul.p{paddingleft:50%;marginleft:-260px}
ul.p li{color:#9999f9;}
li {color:black;}
*}{}/* */

* html body{text-align:center}
* html div div, * html p, * html h1,* html h2 {text-align:left}

* html span.test, * html p, * html ul.p {font-size:.8em;line-height:1.3em;}
* html ul.p li{font-size:1em;margin-top:.1em} 
* html p.foo small, * html p.foo {font-size:.7em}
* html div.code, * html div.smp {width:36em;}
* html code.cd {width:auto;text-align:left}
* html div.code {font-size:1.2em;}  
* html code.cd, * html code.nr{font-size:.7em;line-height:1.1em;}
* html div.code pre {font-size:1em;}
* html code.cd{float:left;margin-left:.5em}

/* www.lipfert-malik.de/webdesign/tutorial/ */
