/* CSS-Formatierung
   ---------------- */

   html, * {
     padding: 0;
     margin: 0; }

   body {
     background-color: #3270C8;
     margin: 0 auto;
     font-size: 1.0em;
     color: #666666;
     font-family: Arial, Helvetica, sans-serif;
     width: 970px; }

   /* Global Layout */

   h1 {
     font-size: 2.4em;
     text-align: left;
     padding-top: 25px;
     padding-left: 30px;
     color: #FFFFFF;
     letter-spacing: 2px;
     font-weight: normal; }

   h2 {
     font-size: 1.7em;
     font-family: Arial, Helvetica, sans-serif;
     color: #398CCE; }

   h3 {
     font-size: 1.1em;
     font-weight: bold;
     color: #999999;
     border-bottom: 1px solid #DDDDDD; }

   h4 {
     font-size: 0.9em;
     font-weight: normal;
     background-color: #DDDDDD;
     padding: 5px;
     color: #999999; }

   h5 {
     font-size: 0.9em;
     font-weight: bold;
     font-style: italic;
     color: #999999;
     border-bottom: 1px solid #DDDDDD; }

   p {
     margin: 2px 0 15px 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.8em;
     line-height: 17px; }

   p#ht {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     }

   td {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;;
     line-height: 17px; }

   a {
     color: #21529C;
     border-bottom: 1px dotted #21529C;
     text-decoration: none; }

   a:hover {
     color: #398CCE;
     border-bottom: 1px solid #398CCE; }

   /* Form Layout */

   label {
     width: 200px;
     display: block;
     float: left;
   }

   select:focus, input:focus, textarea:focus {
     background-color: #FFFEEE;
   }

   /* Site Layout */

   div#footer a {
     color: #FFFFFF;
     text-decoration: none;
     border: none; }

   div#footer a:hover {
     border: none; }

   div#sidebar ul li a {
     color: #999999;
     border-bottom: 1px solid #CCCCCC;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.0em; }

   div#sidebar ul li a:hover {
     background-color: #DDDDDD; }

   ul, ol {
     margin: 0 0 5px 30px; }

   code {
     display: block;
     border: 1px solid #CCCCCC;
     background-color: #DDDDDD;
     padding: 15px;
     margin: 5px; }
	
   div#container {
     background-color: #FFFFFF;
     width: 100%;
     padding: 0 0 0 0;
     margin: 0 auto; }

   div#header {
     position: relative;
     background-image: url('../pic/hpg/HPHead.png');
     background-repeat: repeat;
     background-color: #000000;
     height: 100px;
     padding-top: 25px; }

   div#nav {
     background-color: #21529C;
     height: 31px; }

   div#nav ul {
     margin: 0;
     padding: 0; }

   div#nav ul li {
     display: block;
     float: left; }

   div#nav ul li a {
     float: left;
     border: none;
     padding: 5px 10px 5px 10px;
     height: 21px;
     letter-spacing: 0px;
     border-left: 1px solid #398CCE;
     color: #21529C;
     background-color: #DDDDDD;
     text-decoration: none;
     display: block; }

   div#nav ul li a:hover {
     background-color:#CCCCCC;
     color: #FFFFFF;
     border-left: 1px solid #398CCE; }

   div#content {
     padding: 20px 10px 0 10px; }

   div#page {
     width: 69%;
     float: left; }

   div#sidebar {
     width: 28%;
     float: right; }

   div#sidebar p {
     padding: 3px 3px;
     font-family: Arial, Helvetica, sans-serif; }

   div#sidebar ul {
     list-style: none;
     margin: 7px 12px; }

   div#sidebar ul li {
     padding: 3px 0; }

   div#footer {
     padding: 5px 5px;
     background-color: #636363;
     color: #FFFFFF; }

   div#footer p {
     font-size: 0.6em;
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
     margin: 0;
     padding: 5px; }

   .bold {
     font-weight: bold; }

   .clear {
     clear: both; }

   /* Picture Boxes */

   .dbox {
     border: 1px solid #AAAAAA;
     padding: 5px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: normal;
     color: #666666;
     background-color: #EEEEEE; }

   #dbox a {
     color: #3250C8;
     border-bottom: 1px dotted #3250C8; }

   #dbox a:active {
     color: #3250C8;
     border-bottom: 1px dotted #3250C8; }

   #dbox a:visited {
     color: #3250C8;
     border-bottom: 1px dotted #3250C8; }

   /* Helper Boxes */

   .hbox {
     width: 500px;
     margin-left: 76px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: normal;
     color: #666666;
     background-color: #FFFFFF; }

   .xbox {
     padding: 5px;
     font-family: arial ,sans-serif;
     font-size: 12px;
     font-weight: normal;
     color: #666666;
     background-color: #F9FCFF;
     line-height: 17px;
   }

   /* Root = Horizontal, Secondary = Vertical */

   ul#navmenu {
     margin: 0;
     border: 0 none;
     padding: 0;
     width: 970px; /* For KHTML */
     list-style: none;
     height: 31px;
     background-color: #21529C; }

   ul#navmenu li {
     margin: 0;
     border: 0 none;
     padding: 0;
     float: left; /* For Gecko */
     display: inline;
     list-style: none;
     position: relative;
     height: 29px; }

   ul#navmenu ul {
     margin: 0;
     border: 0 none;
     padding: 0;
     width: 112px;
     list-style: none;
     display: none;
     position: absolute;
     top: 29px;
     left: 0; }

   ul#navmenu ul:after /* From IE 7 lack of compliance */ {
     clear: both;
     display: block;
     font: 1px/0px serif;
     content: ".";
     height: 0;
     visibility: hidden; }

   ul#navmenu ul li {
     width: 112px;
     float: left; /* For IE 7 lack of compliance */
     display: block !important;
     display: inline; /* For IE */ }

   /* Root Menu */

   ul#navmenu a {
     border: 1px solid #CCC;
     border-left-color: #398CCE;
     border-top-color: #398CCE;
     padding: 0 4px;
     float: none !important; /* For Opera */
     float: left; /* For IE */
     display: block;
     background: #EEE;
     color: #21529C;
     font: bold 14px/29px Arial, Helvetica, sans-serif;
     text-decoration: none;
     height: auto !important;
     height: 1%; /* For IE */ }

   /* Root Menu Hover Persistence */

   ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
     background: #BBBBBB;
     border-left-color: #CCC;
     border-top-color: #CCC;
     border-bottom-color: #FFFFFF;
     border-right-color: #FFFFFF;
     color: #FFF; }

   /* 2nd Menu */

   ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
     float: none;
     background: #DDDDDD;
     color: #666;
     border: 0 none;
     margin-top: 2px; }

   /* 2nd Menu Hover Persistence */

   ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
     background: #CCC;
     color: #666; }

   /* 3rd Menu */

   ul#navmenu li:hover li:hover li a,
   ul#navmenu li.iehover li.iehover li a {
     background: #DDDDDD;
     color: #666;
     margin-left: 1px; }

   /* 3rd Menu Hover Persistence */

   ul#navmenu li:hover li:hover li a:hover,
   ul#navmenu li:hover li:hover li:hover a,
   ul#navmenu li.iehover li.iehover li a:hover,
   ul#navmenu li.iehover li.iehover li.iehover a {
     background: #CCCCCC;
     color: #666; }

   /* 4th Menu */

   ul#navmenu li:hover li:hover li:hover li a,
   ul#navmenu li.iehover li.iehover li.iehover li a {
     background: #EEE;
     color: #666; }

   /* 4th Menu Hover */

   ul#navmenu li:hover li:hover li:hover li a:hover,
   ul#navmenu li.iehover li.iehover li.iehover li a:hover {
     background: #CCC;
     color: #FFF; }

   ul#navmenu ul ul,
   ul#navmenu ul ul ul {
     display: none;
     position: absolute;
     top: 0;
     left: 200px; }

   /* Do Not Move - Must Come Before display:block for Gecko */

   ul#navmenu li:hover ul ul,
   ul#navmenu li:hover ul ul ul,
   ul#navmenu li.iehover ul ul,
   ul#navmenu li.iehover ul ul ul {
     display: none; }

   ul#navmenu li:hover ul,
   ul#navmenu ul li:hover ul,
   ul#navmenu ul ul li:hover ul,
   ul#navmenu li.iehover ul,
   ul#navmenu ul li.iehover ul,
   ul#navmenu ul ul li.iehover ul {
     display: block; }

/* EoF */