body {
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   behavior: url(../../../frs/iehover.htc); /* WinIE behavior call */
   background-color: #FFFFCC;
   color: #000066;
   }

.centered { /* align e.g. the logo bitmap */
   text-align:center;
   }

.left {
   text-align:left;
   }

.right {
   text-align:right;
   }

.indent {
   margin-left: 1.3em;
   }

div#footer {
   margin-top: 15px;
   clear: left;
   background-color: #CC9900;
   text-align: right;
   }

div#footer {
   font-size: x-small;
   border: 1px solid #003399;
   }
div#footer img {  /* this is the logo */
   border: 1px solid #CC9900;
   margin-right: 15px;
   margin-top: 5px;
   margin-bottom: 5px;
   width: 65px;
   height: 25px;
   }

iframe {
   width: 100%;
   height: 100px;
   text-align: center;
   background: #CC9900;
   margin-top: 5px;
   margin-bottom: 15px;
   color: #FFFF99;
   clear:right;
   }

div#firstPage {  /* the emphasised text block on the first page */
   font-size: x-large;
   font-weight: bold;
   border: 1px solid #000066;
   text-align: center;
   background: #FFCC00;
   padding: 2px;
   color: #000066;
   }

div#firstPage p.large {  /* this is for a part of the first page header */
   font-size: large;
   }

div#firstPage p.medium {
   font-size: medium;
   }

div#firstPage p.smallerleft {
   font-size: 10px;
   color: #FFFF99;
   text-align: left;
   margin: 0px;
   padding: 0px;
   border: 0px;
   }

div#firstPage h2 {
   font-size: 20px;
   color: #000066;
   margin: 0px;
   padding: 0px;
   text-align: center;
   border: 0px;
   }

#mitte {
   margin-left: 150px;
   }

div#menu {
   float: left; 
   width: 140px;
   /* margin: -1px 0 0 -1px; */
   background: #FFFFCC;}
div#menu ul {
   margin: 0; 
   padding: 0; 
   width: 140px; 
   border: 1px solid #003399;
   background: #CCCCFF;}
div#menu li {
   position: relative; 
   list-style: none; 
   margin: 0;
 /*  width: 140px; */ 
   border-bottom: 1px solid #0033CC;}

div#menu li:hover {
   /* the 'color' does not work here
   background-color: #0033CC;
   color: #000066; */
   background-color: #9999FF;
   }
div#menu li.submenu {background: url(images/tri.gif) 95% 50% no-repeat;}
div#menu li.submenu:hover {
   background-color: #9999FF;}
div#menu li a {display: block; 
   padding: 0.25em 0 0.25em 0.5em;
   text-decoration: none; 
   width: 6.5em;}
div#menu>ul a {width: auto;}
div#menu ul ul {position: absolute; 
   top: 0; 
   left: 138px;
   display: none;}
div#menu ul.ebene1 li.submenu:hover ul.ebene2, 
div#menu ul.ebene2 li.submenu:hover ul.level3 {
   display:block;
   }
div#menu .menuhead {
   width: 140px; 
   font-size: 20px;
   border: 1px solid #003399;
   background: #FFCC00;
   color: #FFFF99;
   margin: 0;  /* some browser needs this */
   margin-bottom: -1px; /* otherwise there is a a gap between header and menu items*/
   text-align: center;
   }
div#menu .menuheadadmin {
   width: 140px; 
   font-size: 20px;
   border: 1px solid #003399;
   background: #FF6600;
   color: #FFFF99;
   margin-left: 0;  /* some browser needs this */
   margin-right: 0;  /* some browser needs this */
   margin-top: 20px;
   margin-bottom: -1px; /* otherwise there is a a gap between header and menu items*/
   text-align: center;
   }
div#menu input {   
   background: #FFFFCC;
   margin-top: 0;  /* some browser needs this */
   /*border-color: #FFFFFF;*/
   width: 88%;
   margin-left: 6%;
   }
div#menu input.button {  /* for the login widget */
   margin: 0;
   background: #9999FF;
   border-color: #0033CC;
   width: 30px;
   font-size: x-small;
   }
div#menu button {   /* for the history back button of the exception menu */
   margin: 0;
   background: #9999FF;
   border-color: #0033CC;
   }
div#menu form table { /* this is for the login table */
   margin-top: 0px;
   border: 1px solid #003399;
   width: 140px;
   background: #CCCCFF;
   }
/*
li.selected a:link {
	color: #CC9900;
	background:  url(images/menuled.gif) 0 -16px;
	padding: 8px 0 0 30px;
	}
*/

.summary {   /* used eg for intro text on homepage */
   margin-top: 0.5em;
   font-size: 1.3em;
   font-weigth: bolder;
   }

.smallergrey {
   text-align: right;
   color: #BBBBFF;
   font-size: smaller;
   }
   
.smaller {
   text-align: right;
   font-size: smaller;
   }
   
.smallerLeft {
   text-align: left;
   font-size: smaller;
   }

/*   
#.header {
#   text-align: center;
#   background: #003399;
#   color: #FFFF99;
#   }
*/

h2 {
   font-size: 20px;
   text-align: center;
   background: #FFCC00;
   border: 1px solid #000066;
   color: #000066;
   }

h3 {
   font-size: 18px;
   text-align: left;
   border-bottom: 1px solid #000066;
/*   color: #000066;*/
   }

.note {
   text-align: center;
   border-style: double;
   border-color: #000066;
   background-color: #FFFF99;
   font-size: larger;
   padding: 0.5em;
   margin: 0.5em;
   }

.blueborder {
   border: 1px solid #003399;
}

div#mitte ul {
   font-size: 1.2em;
   font-weight: bold;
   list-style-image: url(images/kugel.png);
   }

div#mitte ul li ul.ebene2 {  /* this works at the index page */
   margin-top: 0.3em;
   margin-bottom: 0.6em;
   font-size: 1em;
   list-style-image: None;
   list-style: disc;
   font-weight: normal;
   }

div#mitte ul.ebene2 {  /* this works at the costs page */
   margin-top: 0.3em;
   margin-bottom: 0.6em;
   font-size: 1em;
   list-style-image: None;
   list-style: disc;
   font-weight: normal;
   }


p {
   margin-top: 0.3em;
   font-weight: normal;
}


input.button {
   margin: 0;
   background: #9999FF;
   border-color: #0033CC;
   }

div button {   /* for the history back button of the exception menu */
   margin: 0;
   background: #9999FF;
   border-color: #0033CC;
   }
#default li ul {
   list-style: square;
   }

td.light {
   padding-top: 0;
   padding-bottom: 0;
   background-color: #CCCCFF;
   color: #000066;
   font-size: 10pt;
   }
td.main {
   padding-top: 0;
   padding-bottom: 0;
   background-color: #FFFFFF;
   color: #000066;
   font-size: 10pt;
   }
th {
   color: #FFFFCC;
   background-color: #0033CC;
   text-align: center;
   font-size: 10pt;
   }