div#container  {
  background-image         : url('/grafx/gradient-v.gif');
  background-repeat        : repeat-x;
  text-align               : left;
  margin                   : auto;
  width                    : 754px;
  border                   : 1px solid #253a59;
}

div#logo {
  background-image         : url('/grafx/background.png');
  height                   : 72px;
  margin                   : 0px 0px 1px 0px;
}

div#notes  {
  background               : #FFB07C;
  border                   : 1px solid #8C1F1F;
  color                    : #8C1F1F;
  font-weight              : bold;
  position                 : absolute;
  top                      : 1px;
  left                     : 1px;
  width                    : 350px;
  padding                  : 5px;
}


/* --------------------------------------------------------------------- */
/* Navigation */
div#navi  {
/*  font-family              : Verdana, Geneva, Helvetica, Sans; */
  font-size                : 0.8em;
  background-color         : #253a59;
  padding                  : 2px 0px 3px 0px;
  background-image         : url('/grafx/panel.gif');
}

a.navi,a:link.navi, a:visited.navi,a:active.navi,a:focus.navi {
  padding                  : 2px 30px 3px 10px;
  margin                   : 0px;
  color                    : #ffffff;
  background-color         : #253a59;
  background-image         : url('/grafx/panel.gif');
  border-right             : 1px solid #ffffff;
}

a.naviactive,a:link.naviactive, a:visited.naviactive,a:active.naviactive,a:focus.naviactive {
  padding                  : 2px 30px 3px 10px;
  margin                   : 0px;
  color                    : #ffffff;
  background-color         : #253a59;
  background-image         : url('/grafx/panel-active.gif');
  border-right             : 1px solid #ffffff;
  font-weight              : bold;
}

a:hover.navi {
  background-color         : #253a59;
  background-image         : url('/grafx/panel-reverse.gif');
  color                    : #ffffff;
}
a:hover.naviactive {
  background-color         : #253a59;
  background-image         : url('/grafx/panel-reverse.gif');
  color                    : #ffffff;
  font-weight              : bold;
}

/* Sub-Navigation */
div#subnavi  {
  font-family              : Verdana, Geneva, Helvetica, Sans;
  font-size                : 0.8em;
  padding                  : 2px 0px 3px 0px;
  border-bottom            : 1px solid #ffffff;
}

a.subnavi,a:link.subnavi, a:visited.subnavi,a:active.subnavi,a:focus.subnavi {
  padding                  : 2px 15px 3px 15px;
  margin                   : 0px;
  border-right             : 1px solid #ffffff;
}
a.subnaviactive,a:link.subnaviactive, a:visited.subnaviactive,a:active.subnaviactive,a:focus.subnaviactive {
  padding                  : 2px 15px 3px 15px;
  margin                   : 0px;
  background-image         : url('/grafx/panel-gray.gif');
  border-right             : 1px solid #ffffff;
  font-weight              : bold;
}

a:hover.subnavi,a:hover.subnaviactive {
  background-color         : #ffffff;
}

/* --------------------------------------------------------------------- */


div#content {
  margin                   : 10px;
  width                    : 530px;
  min-height               : 500px;
}

div#content div.headline {
  border-bottom            : 1px dotted #d0d0d0;
}

/* --------------------------------------------------------------------- */
/* Rechte Spalte */
div#context {
  margin                   : 10px 0px 0px 0px;
  position                 : relative;
  width                    : 180px;
  right                    : 10px;
  font-size                : 0.95em;
  float                    : right;
}

div#context h3 {
  margin                   : 15px 0px 0px 0px;
  font-weight              : normal;
  color                    : #000055;
  font-size                : 1.0em;
  border-bottom            : 1px dotted #d0d0d0;
}


/* --------------------------------------------------------------------- */

div#context ul.navi {
  border                   : 1px solid #d6d6d6;
  padding                  : 0px;
  background-color         : #ffffff;
}

* html ul.navi {  /* Korrekturen fuer IE 5.x */
  padding                  : 0px;
  padd\ing                 : 0px;
}

div#context ul.navi li {
  list-style               : none;
  padding                  : 0px;
}

div#context ul.navi a.active {
  display                  : block;
  padding                  : 2px 10px 2px 10px;
  background-color         : #E8E8DF;
  text-decoration          : none;
  border-top               : 1px solid #ffffff;
  
  background-image         : url('/grafx/panel-gray.gif');
  font-weight              : bold; 
}

div#context ul.navi a {
  display                  : block;
  padding                  : 2px 10px 2px 10px;
  background-color         : #fafafa;
  text-decoration          : none;
  border-top               : 1px solid #ffffff;
}

* html ul.navi a {  /* Breitenangaben nur fuer IE */
  width                    : 100%;
  w\idth                   : 178px;
}

div#context ul.navi a:hover {
  border-top               : 1px solid #dadada;
  color                    : #d76B00;
  background-color         : #f3f3f3;
}

div#context ul.navi b a:hover {
  background-image         : url("/grafx/panel.gif");
  background-repeat        : repeat-x;
  background-color         : #253a59;
  font-weight              : bold;
  color                    : #ffffff;
	border                   : none;
}

/* --------------------------------------------------------------------- */

div#footer {
  clear                    : both;
  background               : #f0f0f0;
  padding                  : 3px;
}

/* --------------------------------------------------------------------- */
/* News */
div.news {
}

div.news div.date {
  float                    : left;
  color                    : #707070;
}

div.news div.text {
  margin                   : 0px 0px 14px 70px;
}

div.news div.text h3 {
  font-weight              : normal;
  color                    : #000055;
  font-size                : 1.0em;
  border-bottom            : 1px dotted #d0d0d0;
}

/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */

body  {
  background-color        : #ffffff;
  color                   : #000000;
  margin                  : 10px 10px 0px 10px;
  text-align              : center;
}

*  {
  font-family             : "Droid Sans", Tahoma, Arial, Verdana, Geneva, Helvetica, Sans;
  font-size               : 12px;
}

h1 {
  color                    : #d76B00;
  font-weight              : bold;
  font-size                : 1.35em;
  margin                   : 10px 0px 1px 0px;
}

h2 {
  color                    : #000055;
  font-weight              : bold;
  font-size                : 1.2em;
  margin                   : 1px 0px 5px 0px;
}

h3 {
  font-weight              : bold;
  font-size                : 1.1em;
  margin                   : 1px 0px 5px 0px;
}

fieldset.warning
{
  color                    : #800000;
}

fieldset.warning legend
{
  color                    : #900000;
  font-weight              : bold;
}

select,input,textarea,file {
  font-family             : "Droid Sans", Tahoma, Arial, Verdana, Geneva, Helvetica, Sans;
  font-family              : Sans, Verdana, Helvetica, Arial;
  background-color         : #ffffff;
  border-style             : none;
  border                   : solid 1px #909090;
}

a:link  {
  color                    : #000088;
  text-decoration          : none;
}

a:visited  {
  color                    : #808080;
  text-decoration          : none;
}

a:hover {
  color                    : #0000dd;
  text-decoration          : none;
}

a:active {
  color                    : #0000dd;
  text-decoration          : none;
}

a:focus {
  color                    : #0000dd;
  text-decoration          : none;
}

a.download,a:link.download, a:visited.download,a:active.download,a:focus.download {
  padding                  : 2px 1px 2px 22px;
  background-image         : url('/grafx/filesave.png');
  background-repeat        : no-repeat;
}
a.external,a:link.external, a:visited.external,a:active.external,a:focus.external {
  padding-right            : 13px;
  background               : url('/grafx/external.png') center right no-repeat;
}
a.mail,a:link.mail, a:visited.mail,a:active.mail,a:focus.mail {
  padding                  : 2px 1px 2px 20px;
  background               : url('/grafx/mail_new.png');
  background-repeat        : no-repeat;
}


blockquote {
  margin-top               : 10px;
  margin-bottom            : 10px;
  margin-left              : 15px;
  margin-right             : 0px;
  padding                  : 10px;
  color                    : #505050;
  background-color         : #fffffb;
  border                   : 1px solid #E0E0D6;
  border-left              : 15px solid #F9BF6E;
}

blockquote.pre {
  font-family              : "BitStream Vera Sans Mono", "DejaVu Sans Mono", "Terminal [DEC]", "Courier New", "Courier", "monospace";
  font-size                : 9px;
  white-space              : pre;
}

pre {
  margin-top               : 10px;
  margin-bottom            : 10px;
  margin-left              : 15px;
  padding                  : 10px;
  border                   : 1px solid #E0E0D6;
  border-left              : 15px solid #F9BF6E;
  background-color         : #fdfdfb;
  font-family              : "BitStream Vera Sans Mono", "DejaVu Sans Mono", "Terminal [DEC]", "Courier New", "Courier", "monospace";
  font-size                : 9px;
  color                    : #505050;
}

span.klickpath {
  background                : #f9f9f9;
  border                    : 1px solid #a7a7a7;
  padding-left              : 2px;
  padding-right             : 2px;
}

.small {
  font-size                : 0.8em;
}

ul.arrow {
  list-style-image         : url('/grafx/arrow-right.gif');
  padding-left             : 23px;
}

/* BEGIN Daten-Tabellen */
table.data {
  width                    : 100%;
  border                   : 1px solid #E0E0E0;
}
table.data th {
  color                    : #ffffff;
  padding-left             : 3px;
  padding-right            : 10px;
  background-color         : #b0b0a0;
}
table.data td {
  background               : #f8f8f8;
  margin                   : 0px;
  padding-left             : 3px;
  padding-right            : 10px;
  color                    : #505050;
}
/* END Daten-Tabellen */

img.screenshot {
  margin                   : 5px;
  vertical-align           : top; 
}