/*
 * Here are the styles for the background and tables.
 */
body    { margin: 0 0 0 0; padding: 20 0 0 0; color:#010101;
          background: #f8f8f8 url(lines.png) repeat-x top left }
div.r   { margin: 0px 60px 0px 210px; border: 0px; padding: 0px }

p.h       { margin: 0px; padding: 0px ; display: block; background: #f8f8f8 url(lines.png) repeat-x top left}
p.h a     { margin: 0px; padding: 0px }
p.h a img { margin: 0px; padding: 0px }
p.h   img { margin: 0px; padding: 0px }

div.n        { position:absolute;top:90px;left:0;width:150px;height:100%;margin:0px;padding:20px 0px 30px 0px;visibility:visible ;background-color:#e8e8e8 }
div.n p      { margin:  0  0  0  0; padding: 0  0  0  0}
div.n select { margin:  0  0  0  0; padding: 0  0  0  0; width:150px; height: 25px}
div.n table  { margin:  0  0  0  0; padding: 0  0  0  0; width:150px; height: 30px}
div.n ul     { margin:  0px ; padding: 0px; width:150px; background-color:#e8e8e8;    list-style-type:none }
div.n ul li  { margin:  0  0  0  0; padding:  8px  13px; display:block; width: 130px; list-style-type:none }
div.n ul li a{ margin:  0  0  0  0; padding: 0  0  0  0;
               display: block; font: 14px Arial,Helvetica,"Sans Serif"; color:#000000; text-align:left; font-weight:bold; text-decoration:none }
div.n h1     { display: none }

/*
 * Here the styles for forground tags are presented.
 * Span is used because li didn't takes over the p styles.
 * p.h1-p.h3 are used to describe the program.
 * h1-h3 are used within the Konzept-page.
 */

h1        { font:bold   17px Arial,Helvetica,"Sans Serif"; color:#020202; letter-spacing:2px }
h1.e      {                                                                                  background-color: #e8e8e8}
h2        { font:       14px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:2px }
h3        { font:       12px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:1px }
h4        { font:italic 12px Arial,Helvetica,"Sans Serif"; color:#020202; letter-spacing:1px }
p         { font:       12px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:0.6px; line-height:18px }
pre       { font:       12px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:0.6px; line-height:18px }
li        { font:       12px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:0.6px; line-height:18px }
td        { font:       12px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:0.6px; line-height:18px }
span.text { font:       12px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:  1px; line-height:18px }
span.cite { font:       12px Arial,Helvetica,"Sans Serif"; color:#333333; letter-spacing:  1px; line-height:18px }
li.spons  { font:       14px Arial,Helvetica,"Sans Serif"; color:#010101; letter-spacing:  1px; line-height:25px }

img       { border-width:0; border-color:#ffd000 }

h1        { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #d0d0d0}
h1.e      { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #d0d0d0}
h2        { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #e8e8e8}
h3        { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #e8e8e8}
h4        { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #e8e8e8}
p         { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #e8e8e8}
pre       { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #e8e8e8}
table.x   { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 10px; background-color: #141414; table-layout: fixed; display: block}
table.d   { margin:  0px 0px  0px 0px; padding: 0px  0px 0px  0px; background-color: #141414}
ul        { margin:  0px 0px  0px 0px; padding: 5px 10px 5px 30px; background-color: #131313}
p.d       { margin:  0px 0px  0px 0px; padding: 0px  0px 0px  0px; background-color: #141414; float: none}
p.i       { margin:  0px 0px  0px 90px; padding: 0px  0px 0px  0px; background-color: #f8f8f8; height: 95%}
h1.t      { margin:  0px 0px 30px 120px; padding: 5px 10px 5px 30px; background-color: #141414}
iframe    { margin:  0px  0px  0px   0px; padding: 0px  0px 0px  0px; display: block ; width: 100%; border: 0px; height:700px}
.iframe   { margin:  0px  0px  0px   0px; padding: 0px  0px 0px  0px; display: block ; width: 100%; border: 0px; height:700px}
hr        { margin: 20px 60px 20px 60px; padding: 0px  0px 0px  0px}
form      { margin:  0px  0px  0px   0px; padding: 0px  0px 0px  0px}
form.e    { margin: 10px  0px 20px   0px}

p.f       { background-color: #5050a0 }
h2.f       { background-color: #5050a0 }

table.d         { table-layout: fixed; display: block }
table.d tr      { margin: 0px; padding: 0px }
table.d tr td   { vertical-align: middle ; padding: 5px 10px 5px 10px; margin: 0px; width: 1%  }
table.d tr td.r { text-align: right }
table.d tr td.l { text-align: left  }

table.k { margin: 0px 60px 0px 60px ; text-align: left; background-color: #131313 }
table.k tr { margin: 0px }
table.k tr td { margin: 0px }
table.k tr td h1 { margin: 0px }
table.k tr td h2 { margin: 0px }
table.k tr td h3 { margin: 0px }
table.k tr td h4 { margin: 0px }
table.k tr td ul { margin: 0px }
table.k tr td p { margin: 0px }
table.k tr td ul { margin: 0px }

hr { border-top:    0px solid white ;
     border-right:  0px solid white ;
     border-bottom: 0px solid white ;
     border-left:   0px solid white ;
     color: #f8f8f8 ; display: block ; height: 2px; clear: both }


a:link,
a:active  { color:#5000ff;font-weight:bold;text-decoration:none                   }
a:visited { color:#5000ff;font-weight:bold;text-decoration:none;font-style:normal }

ul.img    { list-style-type: none ; text-align:center }
ul.img li { display: inline }
ul.img li table { display: inline }
ul.img li table tr td { vertical-align: top; width: 200px ; }

span.gigend { display:inherit; clear:both; height:0px; }