/* ------- Global ------------------------ */
body { background-color: #fff; text-align: center; margin: 0 }
a:hover { text-decoration: underline }
#container    { margin-top: 0; margin-right: auto; margin-left: auto; width: 900px; height: 100%; background-image:url("../imgs/hg_container.gif"); background-repeat:repeat-y;  }
#content      { background-repeat: repeat-y; width: 900px }
#menu       { margin-right: auto; margin-left: auto; position: relative; top: 0px; width: 150px; float: left }
#menustart       { margin-right: auto; margin-left: auto; position: relative; top: -1px; width: 150px; height: 301px; background-color: #b6c0c9; float: left; }
#center     { background-color: #e6eaed; text-align: left; width: 599px; height: auto; min-height: 430px; margin-left:150px; padding-top: 40px; }
#center div.link { margin-right: 0; margin-left: 0; padding-right: 0 }
.download  { font-weight: normal }
.link { font-size: 11px; margin-left: 8px; padding-right: 8px }
.link a { color: #0e2e4d; text-decoration: none }
.link a:hover { color: #0e2e4d; text-decoration: underline }
/* bis 6 */
* html #center {height:430px;}

/* ie 5*/
html + body #center {height:430px;}




#center .big { }
#right     { color: #fff; font-size: 10px; background-color: #b6c0c9; background-repeat: repeat-y; text-align: left; width: 150px; height: auto; min-height: inherit; max-height: inherit; overflow: hidden; float:right;}
#right .download   { font-size: 11px; font-weight: normal; color: #0e2e4d; }
#right .download a   { color: #0e2e4d; font-size: 11px; font-weight: normal; text-decoration: underline }
#right a:hover { color: #0e2e4d; text-decoration: underline }
#right .rightTitle      { color: #fff; font-size: 11px; padding: 6px 6px 2px }
#right .rightText     { color: #000; font-size: 11px; padding: 0 6px 6px }
#right .rightColumnTitle     { color: #fff; font-size: 10px; padding: 6px 6px 2px }
#right .rightColumnText    { color: #000; font-size: 10px; padding: 0 6px 6px }
#orange      { background-color: #ffb420; text-align: right; width: 100%; height: 25px; min-height: 25px; max-height: 25px; float: left; border-bottom: 1px solid #fff }
#orangeu     { background-color: #ffb420; padding-left: 0; position: relative; width: 100%; height: 25px; min-height: 25px; max-height: 25px; float: left; border-top: 1px solid white; border-bottom: 0 none white }
#orangeu2     { background-color: #ffb420; padding-left: 0; position: relative; width: 599px; height: 25px; min-height: 25px; max-height: 25px; float: left; border-top: 1px solid white; border-bottom: 0 none white; margin-left:150px; }
#orangem  { background-color: #ffb420; text-align: right; width: 900px; height: 25px; clear: both; border-top: 1px solid white; border-bottom: 1px solid #fff; margin-top:26px; }
#orange_footer     { background-color: #ffb420; padding-left: 10px; position: relative; width: 890px; height: 28px; min-height: 28px; max-height: 28px; float: left; border-top: 1px solid white; border-bottom: 0 none white; font-size: 10px; color: #3e5871; line-height: 12px; padding-top: 2px; text-align:left;}
#orange_footer_start     { background-color: #ffb420; padding-left: 10px; position: relative; width: 890px; height: 28px; min-height: 28px; max-height: 28px; float: left; border-top: 1px solid white; border-bottom: 1px solid #fff; font-size: 10px; color: #0e2e4d; line-height: 12px; padding-top: 2px; text-align:left;}

#top   { background-color:#fff; padding-top: 20px; padding-bottom: 10px }
#top input  { width: 110px }
#top .login  { color: #fff; font-size: 11px; line-height: 11px; margin: 0; padding: 10px 0 5px }
#footer   { color: #fff; position: relative; width: 100%; float: left }
/*----- startseite horiztal div -------*/
#intro    { background-image: url("../imgs/introbg.gif"); background-repeat: no-repeat; width: 920px; height: 120px; float: left; overflow: visible }
#intro a { color: #fff; text-decoration: none }
#intro a:hover { color: #fff; text-decoration: underline }
#intro .rightTitle   { color: #0e2e4d; font-size: 11px; line-height: 11px; text-align: left; padding-top: 10px; padding-left: 10px; overflow: visible }
#intro .rightText     { color: #0e2e4d; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-align: left; padding-left: 10px }
#intro div.contentImage_left  { background-color: #990; width: 150px; height: 150px; max-width: 150px }
#intro img  { border-left: 1px solid white }
/* -------  Textformatierung Main / Start -------- */
.big    { color: #0e2e4d; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 24px; margin-top: 15px; margin-right: 20px; margin-left: 20px }
.big input { position: relative; width: 200px }
.text { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; margin-right: 20px; margin-left: 20px }
.text img   { float: left }
.text h2 { color: #0e2e4d; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
.text a {color: #0e2e4d; }
.text a:hover { text-decoration: underline; color: #0e2e4d; }
.text .contentImage_left  { padding-top: 5px; padding-right: 20px; padding-bottom: 15px; float: left }
.text .contentImage_right  { padding-top: 5px; padding-bottom: 15px; padding-left: 20px; float: right }
/* -------  Textformatierung Main / Ende -------- */
.copy  { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-right: 5px; margin-left: 20px; float: left }
.copy h2 { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; float: left }
.formular     { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-right: 15px }
.formular input
    {
    border: 1px solid #999;
    width: 300px
    }
.formular textarea
    {
    border: 1px solid #999;
    width: 300px; height: 90px;
    }
formular input.submit { }
.button  { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ccc; width: 150px; border: solid 1px #999 }
.newstext { color: #f30 }
.rightColumnTitle  { color: #0e2e4d; font-size: 10px; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: bold; line-height: 12px; padding: 6px 10px 3px 5px }
.rightColumnText  { color: #000; font-size: 10px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 12px; padding: 6px 10px 3px 5px; border-bottom: 1px none }
.rightTitle   { color: #0e2e4d; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; padding: 6px 3px 3px 0 }
.rightText  { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding: 6px 3px 3px 0 }
.rightText ul     { position: relative; top: -2px; left: -20px }
.rightText li     { list-style-image: url("../imgs/orangebox2.gif"); position: relative }
.download   { color: #0e2e4d; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; padding: 6px 10px 3px 0 }
.download a   { color: #0e2e4d; text-decoration: none }
.download a:hover { text-decoration: underline }
/* -------  Bottom Navigation ------------------- */
.footnav     { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; text-align: center; margin-top: 15px; padding-bottom: 20px; position: relative }
.footnav a { color: #0e2e4d; text-decoration: none }
.footnav a:hover { text-decoration: underline; color: #0e2e4d; }



div,h1,h2,td,ul,li  { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; vertical-align: top }

h1  { color: #0e2e4d; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 24px }

h2  { color: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 10px }

a {
    color: #000;
}
/*----------- sitemap liste ------------*/
#sitemap    { color: #000; margin-left: 40px; position: relative; left: 0; width: 538px; height: 400px; overflow: auto }
#sitemap ul.level-1, ul.level2  { color: #000; font-weight: bold; list-style-type: none; margin-left: 40px; padding-top: 0; padding-right: 0; padding-bottom: 0;  background-color: #e6eaed; }
#sitemap ul, ul.level-1 li a, ul.level2 li a, { font-weight: bold; text-decoration: none; list-style-type: none }
#sitemap ul, ul.level-1 li a:hover, ul.level2 li a:hover { color: #ffb420; text-decoration: none; list-style-type: none }
#sitemap ul.level2 li a  { margin-left: 40px }
#sitemap ul.level2 li a:hover { color: #ffb420 }
#sitemap li.open  {list-style-type: none}
#sitemap open ul,a { color: #8696a6; text-decoration: none; position: relative; list-style-type: none  }
#sitemap open ul { color: #ffb420; text-decoration: none }

/*----------- menüliste links ----------*/
/* note: level-1 is wrong, should be level0 but the level returned for the page is wrong */
ul.level-1, ul.level0, ul.level1, ul.level2, ul.level3, ul.level4, ul.level5
    { 
    list-style-type: none; 
    /*list-style-position: inside;*/
    margin: 0; 
    padding: 0; 
	 background-color: #b6c0c9;
    /*width: 120px;*/    
    /*border: 1px solid #0f0;*/
    }

ul.level-1    {padding-left:  0x;}
ul.level0     {padding-left:  0px;}
ul.level1    {padding-left:  0px;}
ul.level2    {padding-left: 10px;}
ul.level3    {padding-left: 15px;}
ul.level4    {padding-left: 20px;}
ul.level5    {padding-left: 25px;}

ul.level-1 li a, ul.level0 li a, ul.level1 li a
    { 
    font-weight: bold;
    color: #0e2e4d; 
    text-decoration: none; 
    text-align: left; 
    list-style-type: none; 
    display: block; 
    padding:  2px 10px; 
    border-bottom: 1px solid #fff;

    }
ul.level2 li a, ul.level3 li a, ul.level4 li a, ul.level5 li a
    { 
    color: #0e2e4d; 
    font-weight: normal;
    text-decoration: none; 
    text-align: left; 
    list-style-type: none; 
    display: block; 
    padding:  2px 10px; 
    border-bottom: 1px solid #fff;

    }
ul.level-1 li a:hover, ul.level0 li a:hover, ul.level1 li a:hover, ul.level2 li a:hover, ul.level3 li a:hover, ul.level4 li a:hover, ul.level5 li a:hover
    { 
    color: #0e2e4d;
    background-color: #9fabb8;   
    }

/* bis 6 */
* html #ul.level0  { position: relative; top: 13px }


.line     { font-size: 1px; line-height: 5px; background-color: #369; margin: 10px 2%; height: 1px }

.contentImage_left  { float: left }

.contentImage_right {
    float: right;
    padding-left: 5px;
    padding-bottom: 10px;
}

#contentDivMainColumnTotalWidth      { background-color: #fff; width: 750px; height: 300px; margin-left:150px; }

#contentDivMainColumn     { background-color: #fff; text-align: left; padding-left: 15px; position: relative; top: 0; width: 600px; float: right; border: solid 2px #ffb420 }

#contentDivRightColumn    { text-align: left; position: relative; left: 50px; width: 150px; float: right; border: solid 1px #3f0 }
/*-------------------------------------*/
td.table,td.tableHead {
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 4px;
    border-style: solid;
    border-width: 0px;
    border-color: #aaaaaa;
}
td.tableHead {
    background-color: #999;
    color: #fff;
    font-weight: bold;
}

tr.tableAlt {
    background-color: #eee;
}

.devShowBox   { background-color: #cccccc; margin: 10px; padding: 4px; position: relative; width: 720px; float: left }

.code  { font-size: 12px; font-family: "Courier New", monospace; line-height: 12px }

textarea,input.text,select     { font-size: 11px; font-family: Arial, Helvetica, sans-serif; position: relative; width: 200px; float: left }

input.submit {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

input.checkbox,input.radio {
    position: relative;
    top: 3px;
    margin-right: 6px;
}

.searchresult  { margin-right: 20px; margin-left: 20px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #ccc }
.searchresult em { font-size: 11px; font-family: "Courier New", Courier, Monaco, monospace }
.searchresult p  { margin-top: 3px; margin-right: 0; margin-bottom: 3px }

.searchresult h4  { display: block; margin-bottom: 2px }
.searchresult a { display: block; margin-bottom: 2px }
.searchbox { color: #000; font-size: 14px; font-family: "Courier New", Courier, Monaco, monospace; background-color: #e6e6e6; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding: 10px; border: solid 1px #666 }
/*---- Chart Startseite ---*/

#chart
    {
    margin              : none;
    margin-top          : 10px;
    margin-left         : 13px;
    padding             : none;
    text-align        : left;
    }
#chart div
    {
    margin              : none;
    padding             : none;
    border        : 0px solid red;
    text-align        : left;
    }
#chart table tr td
    {
    margin              : none;
    padding             : none;
    line-height        : 8px;
    }
#chart .legend-y_space
    {
    height    : 8px;
    }
#chart .legend-y
    {
    font-family       : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size         : 8px;
    border              : none;
    border-bottom    : 1px solid #ccc;
    height            : 19px;
    width        : 15px;
    color        : #ccc;
    text-align        : right;
    vertical-align    : bottom;
    }
#chart .legend-x
    {
    font-family       : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size         : 8px;
    border              : none;
    border-right        : 1px solid #ccc;
    color        : #ccc;
    text-align        : center;
    vertical-align    : bottom;
    }
#chart img
    {
    border         : none;
    border-left : 1px solid orange;
    margin      : none;
    padding     : none;
    width        : 0px;
    }
     
#goto optgroup {
    font-style:normal;
}
