body {
  behavior:url("./fileadmin/template/css/csshover.htc");
}

body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333366;
  background-color: white;
}

td#content, td#colRight
{
   padding-left: 10px;
   padding-right: 10px;
}

p, td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333366;
  margin-left: 0px;
  margin-right: 0px;
}

.tablegrafik {
  font-family: Arial, Helvetica, sans serif; 
  font-size: 13pt; 
  color: black;
  line-height: 35px;
  text-align: center; 
}

.xbodytext {
  margin-left: 10px;
  margin-right: 20px;
}

td.news-pi p.bodytext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333366;
  margin-left: 0px;
  margin-right: 0px;
}

h1, h2, h3
{
  margin-top: 8px;
  font-weight: normal;
  color: #CC3333;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 14px;
}

h3 {
  font-size: 12px;
}

/* tables in content area */
table.contenttable {
   border-collapse: collapse;
   margin-left: 10px;
   width: 90%;
   border: 1px solid black;
}

table.contenttable td {
   vertical-align: top;
   padding: 2 2 2 5px; 
   border: 1px solid black;
   border-collapse: collapse;
}


#content ul li, ul li.aufzaehlung, ul li.unteraufzaehlung {
  font-size: 12px;
  line-height: 18px;
  list-style: disc url("../images/bullet1.gif");
}

/* global link colors */
a:link, a:visited {
  text-decoration: none;
  color: #333366;
}
a:hover, a:active {
  text-decoration: none;
  color: #CC3333;
}

p a:link {
  text-decoration: underline;
  color: #333366;
}
p a:visited {
  text-decoration: underline;
  color: #465683;
}

p a:hover, p a:active {
  text-decoration: underline;
  color: #CC3333;
}

/* main menu styles */
div#mainnav
{
  position: absolute; 
  left: 89px; 
  top: 84px; 
  width: 520px; 
  z-index: 1;
}

td.slash
{
  width: 2em;
}

ul.dasmenu {
  padding: 0;
  margin: 0;
  background: white;
  list-style-type: none;
}
  
ul.dasmenu li.folder {
  float: left;
  position: relative;
  margin-left: 3px;
  width: auto;
  list-style-type: none;
}

ul.dasmenu li.folder:hover 
{ 
  z-index:10; 
}

ul.dasmenu li.folder ul {
  display: none;
  list-style-type: none;
  position: absolute; 
  top: 14px;
  left: 0;
  margin: 0;
  padding: 0;
  background: white;
  width: 13em;
  border: 1px solid #333366;
}

ul.dasmenu li.folder > ul {
  top: auto;
  left: auto;
}

ul.dasmenu li.folder:hover ul { 
  display: block;
}

ul.dasmenu li.folder ul li
{
  display: block;
  width: 13em;
  margin: 0;
  padding: 0;
}

/* this is a hack that it works fine in 
 * Opera. Otherwise the rollover 
 * overflows to the right. Gecko 
 * doesn't care about this padding,
 * and using the parent selector 
 * IE doesn't use this either.
 */
ul.dasmenu li.folder ul > li
{
  padding: 0 2 0 0;
}

ul.dasmenu li.folder ul li a
{
  display: block;
  text-align: left; 
  font-size: 11px;
  text-decoration: none;
  color: #333366;
  padding: 1px 1px 1px 5px;
}

ul.dasmenu li.folder ul li a:hover {
  display: block;
  font-size: 11px;
  text-decoration: none;
  color: #cc3333;
  padding: 0px 0px 0px 4px;
  text-decoration: none;
  background: #C8D8D9 url(../images/link_bg.png) repeat-x top;
  border:1px solid #C8D8D9;
}

/* left or right navigation menu */
.menu_level1 {
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #CC3333;
}

.menu_level2 {
  padding-left: 15px;
  font-size: 10px;
  color: #333366;
  font-weight: bold;
}

.menu_level2 a {
  text-decoration: none;
}

.menu_level2 a:link {
  color: #333366;
}

.menu_level2 a:visited {
  color: #465683;
}

.menu_level2 a:hover, a:active {
  color: #CC3333;
}

.menu_level3 {
  padding-left: 21px;
  font-size: 10px;
  color: #333366;
  font-weight: normal;
}

.menu_level3 a {
  text-decoration: none;
}

.menu_level3 a:link {
  color: #333366;
}

.menu_level3 a:visited {
  color: #465683;
}

.menu_level3 a:hover, a:active {
  color: #CC3333;
}


/* Text und Link Styles für Sitemap */
TD.headline_map {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CC3333;
}

TD.subheadline {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  white-space: nowrap;
  color: #CC3333;
}

.border {
  font-weight: normal;
  font-size: 10px;
  text-transform: none;
  white-space: nowrap;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: white;
  border-top: 1px #333366 solid;
  border-right: 1px #333366 solid;
  border-bottom: 1px #333366 solid;
  border-left: 1px #333366 solid;
}

.sm_menu_level1 {
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  color: #CC3333;
}

.sm_menu_level2 {
  padding-left: 15px;
  font-size: 10px;
  color: #333366;
  line-height: 14px;
  font-weight: bold;
}

.sm_menu_level2 a {
  text-decoration: none;
}

.sm_menu_level2 a:link {
  color: #333366;
}

.sm_menu_level2 a:visited {
  /* color: #8696B3; */
  color: #465683;
}

.sm_menu_level2 a:hover, a:active {
  color: #CC3333;
}

.sm_menu_level3 {
  padding-left: 21px;
  font-size: 10px;
  color: #333366;
  line-height: 14px;
  font-weight: normal;
}

.sm_menu_level3 a {
  text-decoration: none;
}

.sm_menu_level3 a:link {
  color: #333366;
}

.sm_menu_level3 a:visited {
  color: #465683;
}

.sm_menu_level3 a:hover, a:active {
  color: #CC3333;
}