body {
    background: #FFF url(../styles/bg_body.gif) 0 0 repeat-x;
    font-family: Verdana, Arial, Helvetica, Sans-Serif; 
    font-size: 100%; color: #606060;
    text-align: center;
    margin: auto; padding: auto;
}

a { text-decoration: none; }
.Hidden { display: none; }
.DLine { border-bottom: 2px dotted #dadada; }

#Container { 
    font-size: 100%; 
    width: 1000px; text-align: center; overflow: hidden; 
    margin: auto; padding: 0;
}
#Container .Content { 
    background: transparent url(../styles/background.png) 0 0 repeat-y;
    display: inline-block; width: 1000px;
    text-align: center;
    margin: 0; padding: 0; 
}
#Container .Main { 
    display: inline-block; width: 964px; min-height: 160px;
    background: transparent url(../styles/head.gif) top center no-repeat;
    text-align: left;
    margin: 0 13px; padding: 0;
}
#Container .Main.Themen {
    display: inline-block; width: 964px; min-height: 60px;
    background: transparent url(../styles/head_themen.jpg) 0 0 no-repeat;
    text-align: left;
    margin: 0 13px; padding: 0;
}

#Container .Main .LogoLink {
    float: left; width: 370px; height: 150px; overflow: hidden;
    margin: 10px 0 0 30px; padding: 0;
}
#Container .Main.Themen .LogoLink { 
    float: left; width: 210px; height: 122px; overflow: hidden;
    margin: -23px 0 10px 15px; padding: 0;
}
#Container .Main .MetaNavig ul {
    float: right; width: auto;text-align: right;
    list-style-type: none;
    color: #FFF; font-size: 70%;
    margin: 17px 7px 0 0; padding: 0;
}
#Container .Main.Themen .MetaNavig ul {
    /*margin-right: 271px;*/
    margin-right: 24px;
}
#Container .Main .MetaNavig li { float: right; padding: 0; margin: 0; border-left: 1px solid #FFF; }
#Container .Main .MetaNavig li.First { border-left: none; }
#Container .Main .MetaNavig a { color: #FFF; margin: 0 8px; }
#Container .Main .MetaNavig form.QuickSearch { 
    /*visibility: hidden;*/
    float: right; clear: both; width: 193px;
    background: #FFF url(../styles/bg_form.gif) bottom left repeat-x;
    border: 1px solid #C0C0C0; 
    margin: 64px 15px 0 0; padding: 5px 5px 3px 5px;
}

#Container .Main.Themen .MetaNavig form.QuickSearch { margin-top: 25px; }

#Container .Main .MetaNavig form.QuickSearch input { float: left;border: none; font-size: 70%; color: #000; margin: 0; padding: 0; }
#Container .Main .MetaNavig form.QuickSearch input.Textfield { background: transparent; width: 175px; margin-right: 3px; }

#Container .Main .MetaNavig form.QuickSearch input.BtnSearch {
    background: transparent url(../styles/btn_arrow.gif) 0 0 no-repeat;
    width: 15px; height: 15px;
    margin: 0; padding: 0; 
} 

#Container .Main .Left { 
    clear: both;
    float: left; width: 225px; overflow: hidden;
    font-size: 80%;
    margin: 0; padding: 0;
}
#Container .Main .Left ul {
    display: inline-block;
    list-style-type: none;
    margin: 0 0 0 18px; padding: 0;
}
#Container .Main .Left li { 
    display: block; overflow: hidden; 
    border: 3px solid #dfdfdf; 
    margin: 0 0 5px 0; padding: 0; 
}
#Container .Main .Left li a { 
    display: block; width: 180px;
    background: #f1f1f1 url(../styles/bg_leftnavig.gif) 0 0 repeat-y;
    color: #000; border: 3px solid #FFF; 
    padding: 6px 7px 6px 8px; margin: 0;
}
#Container .Main .Left li a:hover,
#Container .Main .Left li a.Actv { 
    display: block; width: 180px;
    background: transparent url(../styles/bg_leftnavig_a.gif) 0 0 repeat-y;
    color: #FFF; border: 3px solid #FFF; 
    padding: 6px 7px 6px 8px; margin: 0;
}

#Container .Main .Left ul ul { margin: 0 3px; font-size: 90%; display: none;}

#Container .Main .Left #item_33,
#Container .Main .Left #item_86,
#Container .Main .Left #item_65,
#Container .Main .Left #item_52,
#Container .Main .Left ul li.Actv ul {display: block;}

#Container .Main .Left li li { 
    border: none; border-top: 1px solid #e9e9e9; 
    margin: 0; padding: 0; 
}

#Container .Main .Left li li.First { border: none; }
#Container .Main .Left li li a { 
    width: auto; border: 1px solid #fff;
    background: #FFF; color: #404040; 
    margin: 0; padding: 4px 8px;
}
#Container .Main .Left li li a:hover,
#Container .Main .Left li li a.SubActv { 
    width: auto; border: 1px solid #fff;
    color: #044eab; 
    background: transparent url(../styles/bg_leftnavig02.gif) 0 0 repeat-x;
    margin: 0; padding: 4px 8px;
}
#Container .Main .Left ul ul ul { 
    display: inline-block;
    font-size: 95%; 
    background: transparent url(../styles/bg_leftnavig03.gif) bottom left repeat-x;
    margin: 0; padding: 2px 0 8px 0;
}
#Container .Main .Left li li li { border: none; margin: 0 10px; }
#Container .Main .Left li li li a {  
    color: #606060; border-top: 1px dotted #e9e9e9;
    background: transparent url(../styles/leftnavig_arrow.gif) 170px 8px no-repeat;
    margin: 0; padding-left: 2px; 
}
#Container .Main .Left li li li a:hover { 
    color: #000; border-top: 1px dotted #cecece;
    background: transparent url(../styles/leftnavig_arrow_a.gif) 170px 8px no-repeat;
    margin: 0; padding-left: 2px; 
}
#Container .Main .Left li li li a.DetailActv { 
    color: #000; border-top: 1px dotted #cecece;
    background: transparent url(../styles/leftnavig_arrow_down.gif) 167px 8px no-repeat;
    margin: 0; padding-left: 2px; 
}

#Container .Main .Left ul ul ul ul { 
    display: inline-block; width: 100%;
    background: #FFF; 
    font-size: 100%;
    margin: 0; padding: 2px 0 2px 0; 
}
#Container .Main .Left li li li li { float: left; width: 100%;margin: 0 0 2px 0; padding: 0; }
#Container .Main .Left li li li li a { 
    background: #F2F2F2/* url(../styles/leftnavig_dotted.gif) 0 4px no-repeat */;
    padding-left: 7px; padding-top:2; padding-bottom:2px;
    margin: 0; border: 1px solid #F2F2F2;
}
#Container .Main .Left li li li li a:hover { 
    background: #FFF /*url(../styles/leftnavig_dotted_a.gif) 0 4px no-repeat*/;
    color: #2564b3;   
    padding-left: 7px; padding-top:2; padding-bottom:2px;
    margin: 0; border: 1px solid #e5e5e5;
}
#Container .Main .Left li li li li a.SubDetailActv { 
    background: #FFF /*url(../styles/leftnavig_dotted_a.gif) 0 4px no-repeat*/;
    color: #2564b3;   
    padding-left: 7px; padding-top:2; padding-bottom:2px;
    margin: 0; border: 1px solid #e5e5e5; border-bottom: none;
}
#Container .Main .Left ul ul ul ul ul { width: 99%;border: 1px solid #e5e5e5; border-top: none; }
#Container .Main .Left li li li li li { margin: 0; padding: 0; }

#Container .Main .Left li li li li li a { border: none; background: #FFF; color: #606060; padding-left: 12px; }
#Container .Main .Left li li li li li a:hover,
#Container .Main .Left li li li li li a.LastActv  { border: none; background: #FFF; color: #303030; padding-left: 12px; }


/* ----------------------------------------------------------------------- Inhalt -- */
#Container .Main .Middle { 
    font-size: 75%;
    float: none; width: 705px;
    margin: 0 0 0 244px; padding: 0;
}
#Container .Main.Themen .Middle { margin-left: 237px; }

#Container .Main .Middle h3 { color: #A51001; font-weight: bold; font-size: 130%; line-height: 140%; margin: 0; padding: 0; }
#Container .Main .Middle h3.Homepage { font-size: 140%; line-height: 155%; font-weight: normal;  }
#Container .Main .Middle h4 { color: #A51001; font-weight: bold; font-size: 115%; line-height: 135%; margin: 0; padding: 0; }
#Container .Main .Middle p { line-height: 140%; }
#Container .Main .Middle a { color: #014DAB; }
#Container .Main .Middle a:hover { color: #2e8bcc; }

#Container .Main .Middle ul { list-style-type: none; margin: 0; padding: 0; }
#Container .Main .Middle li { 
    background: transparent url(../styles/list_dot.gif) 0 7px no-repeat;
    line-height: 140%;
    padding: 0 0 0 14px; margin: 0 0 6px 0;
}
#Container .Main .Middle dl { display: inline-block; width: 100%; margin: 0; padding: 15px 0px; }
#Container .Main .Middle dt { float: left; width: 12em; line-height: 145%; padding-left: 5px;}
#Container .Main .Middle dd { float: none; width: 32em; margin-left: 12.5em; line-height: 145%; }

#Container .Main .Middle .Line { border-bottom: 1px dotted #dfdfdf; height: 1px; margin: 0; padding: 1px 0 0 0; }
#Container .Main .Middle .BLine { border-top: 2px solid #dfdfdf; }

#Container .Main .Middle .BlockText { 
    float: left; width: 476px; overflow: hidden;
    background: transparent url(../styles/bg_blocktext.gif) 0 0 no-repeat;
    margin: 0 17px 0 0; padding: 3px; 
}
#Container .Main.Themen .Middle .BlockText { 
    float: left; width: 707px; overflow: hidden;
    background: #FFF;
    border: 3px solid #dbdbdb;
    margin: -51px 0 0 0; !margin-top: 13px; padding: 0;
}

#Container .Main .Middle .BlockText .Border {
    min-height: 370px; 
    background: #FFF url(../styles/bg_content.gif) bottom left repeat-x;
    margin: 0 0 25px 0; padding: 0 0 25px 0;
}

#Container .Main .Middle .BlockText h3 { margin: 23px 18px 13px 18px; } 
#Container .Main .Middle .BlockText h4 { margin: 13px 18px; }
#Container .Main .Middle .BlockText p { margin: 18px 18px 0 18px; } 
#Container .Main .Middle .BlockText ul { margin: 10px 20px 0 20px; }
#Container .Main .Middle .BlockText hr{ border:none; border-bottom: 1px dotted #dfdfdf; height: 1px; margin: 12px 18px 0 18px; padding: 1px 0 0 0; }

/* Formular Elemente */
#Container .Main .Middle form p { display: inline-block; width: auto; margin: 0; padding: 0; }
#Container .Main .Middle form p span,
#Container .Main .Middle form.Formular p span { font-size: 100%; float: left; margin-right: 10px; }

#Container .Main .Middle input.Textfeld,
#Container .Main .Middle textarea.Textfeld {
    background: #FFF url(../styles/bg_form.gif) bottom left repeat-x;
    border: 1px solid #dbdbdb; padding: 2px 3px 3px 3px; margin: 0;
}
#Container .Main .Middle input.Textfeld.Half { width: 200px; }
#Container .Main .Middle input.Textfeld.Long { width: 418px; }

#Container .Main .Middle textarea.Textfeld { height: 90px; width: 418px; }
#Container .Main .Middle input.Button { 
    border: 1px solid #5a8dbc;
    background: #5db5ec url(../styles/bg_btn.gif) bottom right no-repeat;
    color: #FFF; text-align: left;
    padding: 2px 5px 2px 10px;
}
#Container .Main .Middle input.Button.Kontakt { width: 110px; } 

/* ---------------------------------------------------------------------- Themen -- */
#Container #ThemenArea { display: inline-block; width: 100%; min-height: 630px; margin: 0; padding: 0; }
#Container #ThemenArea ul {
    width: 707px; height: 34px;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#Container #ThemenArea li { 
    float: left;
    width: calc(16.4% - 2px);
    background: none;
    margin: 0; padding: 0;
    border-left: 3px solid rgba(219, 219, 219, 1);

    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5e5), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(#e5e5e5, #fff);
    background-image: -moz-linear-gradient(#e5e5e5, #fff);
    background-image: -o-linear-gradient(#e5e5e5, #fff);
    background-image: linear-gradient(#e5e5e5, #fff);
}
#Container #ThemenArea li:first-child { 
    max-width: 20%;
    border-left: none;
}
#Container #ThemenArea li a {
    position: relative;
    display: block;
    /*height: 34px;*/  
    margin: 0; padding: 0;
    border: 1px solid #fff;
    border-bottom: 3px solid rgba(219, 219, 219, 1);  
}

#Container #ThemenArea li:hover,
#Container #ThemenArea li a.act {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(#f2f2f2, #fff);
    background-image: -moz-linear-gradient(#f2f2f2, #fff);
    background-image: -o-linear-gradient(#f2f2f2, #fff);
    background-image: linear-gradient(#f2f2f2, #fff);
}
#Container #ThemenArea li:hover a,
#Container #ThemenArea li a.act {
    border-bottom: none;
}
#Container #ThemenArea li a:before {
    position: absolute;
    left: -4px; bottom: -3px;
    content: '';
    width: 4px;
    height: 3px;
    background: rgba(219, 219, 219, 1);
}
#Container #ThemenArea li a:hover:before,
#Container #ThemenArea li a.act:before {
    width: 3px;
}

#Container #ThemenArea li a span {  
    display: block;
    width: calc(100%; - 20px); 
    color: #606060; line-height: 32px; 
    padding-left: 10px; margin-right: 10px;
}
#Container #ThemenArea li a:hover span,
#Container #ThemenArea li a.act span { color: #2e8bcc; line-height: 32px; }

#Container #ThemenArea li#tab01 span { 
    background: transparent url(../styles/icon_karte.png) center right no-repeat;
}
#Container #ThemenArea li#tab01 span:hover,
#Container #ThemenArea li#tab01 a.act span { 
    background: transparent url(../styles/icon_karte.png) center right no-repeat;
}
#Container #ThemenArea li#tab02 span { 
    background: transparent url(../styles/icon_table.png) center right no-repeat;
}
#Container #ThemenArea li#tab02 span:hover,
#Container #ThemenArea li#tab02 a.act span { 
    background: transparent url(../styles/icon_table_act.png) center right no-repeat;
}
#Container #ThemenArea li#tab03 span { 
    background: transparent url(../styles/icon_diagramm.png) center right no-repeat;
}
#Container #ThemenArea li#tab03 span:hover,
#Container #ThemenArea li#tab03 a.act span { 
    background: transparent url(../styles/icon_diagramm_act.png) center right no-repeat;
}
#Container #ThemenArea li#tab05 span {
    background: transparent url(../styles/icon_pdf.png) center right no-repeat;
}
#Container #ThemenArea li#tab05 span:hover,
#Container #ThemenArea li#tab05 a.act span {
    background: transparent url(../styles/icon_pdf_act.png) center right no-repeat;
}

#Container #ThemenArea li#tab04 span {
    background: transparent url(../styles/icon_zeitreihen.png) center right no-repeat;
}

#Container #ThemenArea li#tab04 span:hover,
#Container #ThemenArea li#tab04 a.act span {
    background: transparent url(../styles/icon_zeitreihen_act.png) center right no-repeat;
}
/* ******* */

#Container #ThemenArea .FlashArea { 
    float: left; width: 420px;
    font-size: 90%; color: #333; text-align: center;
    margin: 0; padding: 0; 
}
#Container #ThemenArea .FlashDiagramm {
    float: left; width: 100%; 
    font-size: 90%; color: #333; text-align: center;
    margin: 0; padding: 0; 
}
#Container #ThemenArea .FlashArea p { clear: both; margin-bottom: 15px; }

#Container #ThemenArea th  { 
    background: #3471c1; vertical-align: top;
    color: #FFF; font-weight: normal;
    padding: 5px 0px 5px 6px; margin:0;
    text-align: left;
}
#Container #ThemenArea td { 
    color: #696969; vertical-align: top;
    padding: 5px 0px 2px 6px; margin:0;
}
#Container #ThemenArea td.BGLBlue { background: #c5d9f1; }

#Container #ThemenArea h5 { font-size: 120%; padding: 13px 0; margin: 0;}

/* ------------------------------------------------------------------- Matrginal -- */
#Container .Main .Middle .Marginal {
    float: left; width: 205px;
    font-size: 85%/*90%*/;
    margin: 0; padding: 0;
}
#Container .Main .Middle .Marginal a { color: #014DAB; margin: 0; padding: 0; }
#Container .Main .Middle .Marginal a:hover { color: #2e8bcc; }

#Container .Main .Middle .Marginal .Column {
    background: #FFF url(../styles/bg_marginal.gif) bottom left repeat-x;
    margin: 0; padding: 0; width : 100%;
}
#Container .Main .Middle .Marginal .Column h3 {
    background: #348cd3 url(../styles/bg_title_marginal.gif) 0 0 repeat-y;
    color: #FFF; font-weight: normal; font-size: 110%; 
    padding: 10px; margin: 0;
}
#Container .Main .Middle .Marginal .Column .Border {
    background: transparent url(../styles/marginal_border.png) 0 0 no-repeat;
    margin: 0; padding: 10px;
}

#Container .Main .Middle .Marginal .Column .Border p { margin: 0 0 8px 0; padding: 0; }
#Container .Main .Middle .Marginal .Column hr { border: none; border-bottom: 1px dotted #dfdfdf; height: 1px; margin: 4px 0; padding: 1px 0 0 0; }

/* Marginal ThemenArea */
#Container #ThemenArea .Marginal {
    float: right; width: 265px;
    /*font-size: 100%;*/
    margin: 0; padding: 0;
}
/*#Container #ThemenArea .Column { font-size: 90%; }*/
#Container #ThemenArea .Marginal .Column {
    display: block;
    clear:both;
    background: #FFF url(../styles/bg_marginal_themen.gif) bottom left repeat-x;
    margin: 0 0 3px 0; padding: 0;
}
#Container #ThemenArea .Column.Komplett { width: 670px; margin: 3px 18px; }
#Container #ThemenArea .Column h3 {
    background: #348cd3 url(../styles/bg_title_marginal.gif) 0 0 repeat-y;
    color: #FFF; font-weight: normal; font-size: 100%; 
    padding: 4px 6px; margin: 0;
}
#Container #ThemenArea .Marginal .Column p,
#Container #ThemenArea .Column.Komplett .Marginal .Column p {
    display: inline-block;
    line-height: auto; color: #909090;
    padding: 4px 6px; margin: 0;
}
#Container #ThemenArea .Column.Komplett p {
    display: inline-block; width: 98%;
    line-height: auto; color: #333;
    padding: /*8px */0; margin: 0;
}

#Container #ThemenArea .Marginal form,
#Container #ThemenArea .Column.Komplett form  { display: block; width: 100%; margin: 3px 0; padding: 0; /*font-size: 90%;*/ }

#Container #ThemenArea .Marginal label { float: left; width: 133px; color: #014DAB; }
#Container #ThemenArea .Column.Komplett .Column h3,
#Container #ThemenArea .Column.Komplett .Column p,
#Container #ThemenArea .Column.Komplett .Column.Legende ul { font-size: 110%; }

#Container #ThemenArea input.Textfeld.Half { width: 208px; }

#Container #ThemenArea .Marginal select { float: right; width: 112px; font-size: 100%; }
#Container #ThemenArea .Column.Komplett select {float: left;width: 112px;font-size: 100%;}

#Container #ThemenArea .Marginal .SpaceLeft { float: left; width: 49%; margin: 5px 0; padding: 0; }
#Container #ThemenArea .Marginal .SpaceRight { float: right; width: 49%; margin: 5px 0; padding: 0; }

#Container #ThemenArea .Column.Komplett .SpaceLeft { float: left; /*width: 43%;*/ margin: 0 15px 0 0; padding: 0; }
#Container #ThemenArea .Column.Komplett .SpaceRight { float: right; width: auto; margin: 0; padding: 0; }

#Container #ThemenArea .Marginal .SpaceLeft p,
#Container #ThemenArea .Marginal .SpaceRight p { color: #606060; padding: 2px 6px; }
#Container #ThemenArea .Marginal img.BGColor{ 
    border: 1px solid #6B6B6B;
    float: left; width: 14px; height: 10px; 
    font-size: 100%; 
    margin: 2px 4px 0 0;
}

/* -------------------------------------------------------------------- Footer -- */
#Container .Footer { 
    float: left;width: 964px; text-align: left;
    background: transparent url(../styles/shadow_footer.gif) top left no-repeat;
    color: #FFF; font-size: 70%;
    padding: 15px 0 0 0; margin: 0 0 0 18px;
    clear: both;
}
#Container .Footer p {
    float: left; width: 100%; 
    text-align: left; line-height: auto;
    background: transparent url(../styles/bg_footer.gif) bottom center repeat-y;
    margin: 0; padding: 13px 0;
}
#Container .Footer p span { float: left; margin-left: 18px; padding: 0; }

#Container .Footer p a { color: #FFF; float: right; margin: 0 15px; padding: 0; }

#Container .ContentEnd { 
    width: 994px; height: 25px; overflow: hidden;     
    background: transparent url(../styles/background_end.png) top center no-repeat;
    margin: 0; padding: 0;
}

#Container a.TextLink { 
    display: block; 
    background: transparent url(../styles/link_arrow.gif) 0 3px no-repeat;
    padding: 0 0 0 18px; margin: 0;
}

#Container #ABCSlide { display: inline-block; width: auto; margin: 18px 18px 0 18px; }

#Container #ABCSlide a {
    float: left; width: 1.8em;
    border: 3px solid #dfdfdf;
    background: #FFF url(../styles/bg_abclink.gif) bottom left repeat-x;
    color: #909090; text-align: center;
    margin: 0 5px 5px 0; padding-top: 3px; padding-bottom: 3px;/*padding: 2px 6px;*/
}
#Container #ABCSlide a:hover,
#Container #ABCSlide a.Actv {
    float: left; width: 1.8em;
    border: 3px solid #dfdfdf;
    background: #FFF url(../styles/bg_abclink_a.gif) top left repeat-x;
    color: #2e8bcc; text-align: center;
    margin: 0 5px 5px 0; padding-top: 3px; padding-bottom: 3px;/**/    
}
#Container #ABCSlide a.InActv {
    float: left; width: 1.8em;
    border: 3px solid #dfdfdf;
    background: #FFF url(../styles/bg_abclink.gif) bottom left repeat-x;
    color: #cbcbcb; text-align: center;
    margin: 0 5px 5px 0; padding-top: 3px; padding-bottom: 3px;/*padding: 2px 6px;*/
}
#Container #ThemenArea table/*,
#Container #ThemenArea table.uebersicht*/ { font-size: 90%; width: 100%;}

#Container #ThemenArea table.uebersicht .TBTitle {
    background: none repeat scroll 0 0 #3471C1;
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 5px;
}

#Container #ThemenArea table.uebersicht td {
    border-top: 1px solid #CAD6E4;
}

#Container #ThemenArea table.uebersicht th {
    background: url("../styles/bg_themenuebersicht.gif") repeat-x scroll 0 0 transparent;
    color: #044EAB;
}

#Container #ThemenArea table.uebersicht td {
    border-top: 1px solid #CAD6E4;
}

#Container #ThemenArea td {
    color: #696969;
    margin: 0;
    padding: 5px 0 2px 6px;
    vertical-align: top;
}

#Container #ThemenArea td.BGLBlue {
    background: none repeat scroll 0 0 #E0EBF9;
}

#Container #ThemenArea div.user-ziva-pi1 .FormSort {
    float: right;
    font-size: 90%;
    margin: 0;
    padding: 14px 14px 0 0;
    width: auto;
}

#Container #ThemenArea th {
    background: none repeat scroll 0 0 #3471C1;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 5px 6px;
    vertical-align: top;
}
#Container .user-ziva-pi1 { float: right; clear: both; }
#Container .user-ziva-pi1 form select {float: left;width: 145px;font-size: 100%;margin-right: 5px;}

#Container #ThemenArea .Column.Komplett .SpaceLeft label {
    color: #014DAB;
    float: left;
    font-size: 100%;
    width: 120px;
}
.flash {
    overflow: hidden;
    width: 50px;
    clear: both;
    min-height: 610px;
    min-height: /*\**/: 610px\9;
    min-height: 610px\9;
    *+height: 620px;
}
.flash .Marginal {
    display: none;
}
.flashloader {
    margin: 220px 0 0 260px;
}
.flashloader span {
    display: block;
}
.flashloader img {
    display: block;
    margin: 20px 0 0 70px;
}
.tooltip {
    position: absolute;
    left: -9999px;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #d8d8d8;
    width: 330px;
    top: 10px;
    z-index: 99999;
}
.tooltip p {
    margin: 0!important;
    padding: 0;
    color: #000;
    font-size: 90%;
}
.up {
    background: url("../styles/arrow_up.gif") no-repeat scroll right 4px transparent;
    padding-right: 12px;
}
.down{
    background: url("../styles/arrow_down.gif") no-repeat scroll right 4px transparent;
    padding-right: 12px;
}
.downup{
    background: url("../styles/arrows_downup.png") no-repeat scroll right 0 transparent;
    padding-right: 12px;
}
.Marginal .info{
    position: relative;
    top: 4px;
}

.Column .info {
    position: relative;
    top: 4px;
    left: 4px;
    text-align: left;
}

#werteverteilung{
    position: relative;
    top: 2px;
}
#Container #ThemenArea .Column.Komplett p.tblheadline{
    color: #A51001;
    font-size: 120%;
    margin: 0;
    padding: 0 10px 10px 0;
}
#Container .Main .Middle .BlockText p.tblheadline{
    color: #A51001;
    font-size: 120%;
    margin: 0;
    padding: 10px 10px 0 17px;
}

#Container .Main .Middle .BlockText.large {
    background: url("../styles/bg_blocktext_large.gif") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 0 17px 0 0;
    overflow: hidden;
    padding: 3px;
    width: 653px;
}

#Container .Main .Middle .BlockText.large .Border {
    background: url("../styles/bg_content.gif") repeat-x scroll left bottom #FFFFFF;
    margin: 0 0 25px;
    min-height: 370px;
    padding: 0 0 25px;
}
.legendItem {
    clear: both;
    padding: 2px 6px;
}
.legendItem .legendtext {
}

/* TAB for Diagram */
#Container #DiagrammTAB { 
    position: absolute;
    width: 660px; height: 33px;
    font-size: 12px;
    margin: 0; padding: 0;
    z-index: 999;
}
#Container #DiagrammTAB a { 
    background: #dbdbdb; float: left;
    height: 30px;
    line-height: 30px; color: #8F8F8F;
    padding: 0 35px 0 15px;
    border: 3px solid #dbdbdb;border-bottom: none; 
}
#Container #DiagrammTAB a.Actv { 
    background: #FFF; float: left;
    height: 33px; /*!height: 30px;*/
    line-height: 30px; color: #000;
    padding: 0 35px 0px 15px;
    border: 3px solid #dbdbdb; border-bottom: none;
}
#Container #DiagrammContent {
    display: inline-block;
    width: 670px;
    overflow: hidden;
    border: 3px solid #dbdbdb; 
    margin: 33px 0 0 0; padding: 18px 5px;
    position:relative;
}
#Container #DiagrammContent .diagLegend {
    position: absolute;
    height: 500px;
    width: 100px;
    top: 41px;
}
#Container #DiagrammContent .diagLegend .itemlegend {
    position: absolute;
    top: 10%;
    width: 80px;
}
#DiagrammContent .diagPyr {
    width:100%;
    margin-left:10px;
    /*height:605px;*/
    margin-top:7px;
    padding-bottom:5px;
    background: url("../images/bg_diag.gif") repeat-y 30px 0;
}
#DiagrammContent .outsideDiagrow {
    height:6px;
}
#DiagrammContent .diagrow {
    text-align:center;
    width:94%;
    line-height:3px;
    padding-left:4px;
    float:left;
    overflow:hidden;
    white-space:normal;
}
#DiagrammContent .step {
    height: 6px;
    text-align: center;
    float: left;
    top: -2px;
    width: 4%;
    position: relative;
    text-align: right;
}  
#DiagrammContent .diagrow a {
    height: 6px;
    width: 6px;
    background: url("../images/beediagdot_small.png") no-repeat 0 0;
    display: inline-block;
}
#DiagrammContent .diagrow a.red {
    background: url("../images/beediagdot_smallred.png") no-repeat 0 0;
}
.dotheight2 .outsideDiagrow {
    height: 8px!important;
}
.dotheight2 .diagrow {
    line-height: 4px!important;
}
.dotheight2 .step{
    height: 8px!important;
    top: -2px!important;
}
.dotheight2 .diagrow a {
    height: 8px!important;
    width: 8px!important;
    background: url("../images/beediagdot_mid.png") no-repeat 0 0!important;
}
.dotheight2 .diagrow a.red {
    background: url("../images/beediagdot_midred.png") no-repeat 0 0!important;
}  
.dotheight3 .outsideDiagrow {
    height: 12px!important;
}
.dotheight3 .diagrow {
    line-height: 6px!important;
}
.dotheight3 .step{
    height: 12px!important;
    top: -2px!important;
}
.dotheight3 .diagrow a {
    height: 12px!important;
    width: 12px!important;
    background: url("../images/beediagdot_big.png") no-repeat 0 0!important;
}
.dotheight3 .diagrow a.red {
    background: url("../images/beediagdot_bigred.png") no-repeat 0 0!important;
}  
#DiagrammContent .diagfooter {
    height: 1px;
    background: url("../images/bg_diag.gif") repeat-x 0 0;
    margin-left: 40px;
}
.hovertooltip.diag {
    width: auto;
}
a.printmap {
    background: transparent url(../images/printer.png) 0 2px no-repeat;
    color: #404040!important;
    font-weight: normal!important;
    font-size: 100%!important;
    padding: 4px 20px!important;
    margin: 0!important;
    display:inline-block;
    zoom: 1;
    *display: inline;
    width: 80px;
}
a.printmap:hover {
    color: #044EAB!important;
    text-decoration: underline;
}
a.exportmap {
    background: transparent url(../images/drive-download.png) 0 2px no-repeat;
    color: #404040!important;
    font-weight: normal!important;
    font-size: 100%!important;
    padding: 4px 20px!important;
    margin: 0!important;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 80px;
}
a.exportmap:hover {
    color: #044EAB!important;
    text-decoration: underline;
}
.description {
    min-height: 90px; 
    max-height: 200px;
    overflow: auto;
}
.printprev p {
    margin: 0;
    padding: 0;  
}
.printprev .printmap, 
.printprev .exportmap {
    display: none;
}
.printprev .flash,
.printprev .Marginal {
    display: block;
}
.printprev tr, .printprev td {
    vertical-align: top;
    width: 50%;
}
.printprev .legendcolor {
    height: 20px;
    width: 20px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.printprev .legendcolor span{
    display: block;
    height: 20px;
    width: 20px;
    border: 1px solid black;
}
.printprev .legendtext {
    display: inline-block;
    zoom: 1;
    margin-left: 0;
    *display: inline;
}
.printprev label {
    font-weight: bold;
}
.publicdate {
    display: none;
    text-align: center;
    color: #333333;
    font-size: 100%;
}

a.pdf img,
p a img { border: none; }

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
/** html .ui-autocomplete {
  height: 100px;
}*/

.ui-menu .ui-menu-item {
    text-align: left;
}

#Container .Main.Themen .Middle .BlockText {
    background: transparent;
    border: none;
}

#Container .Main .Middle .BlockText h4 { 
    background: #fff; 
    margin: 0;
    padding: 13px 0/*18px*/;
    border: 3px solid #dbdbdb;
    border-bottom: none;
}
#Container #ThemenArea {
    position: relative;
    margin-top: 37px;
}

#Container #ThemenArea .Column.Komplett { 
    background: #fff; 
    margin: 0;
    padding: 0;
    border-top: none;
    width: auto;
}
#Container .Main .Middle .BlockText #ThemenArea h3 { margin: 21px 0 13px 0; }
#Container .Main .Middle .BlockText #ThemenArea p { margin: 18px 0 0 0; }

#Container #ThemenArea ul { height: 36px; position: absolute; top: -37px; left: 0; }
#Container #ThemenArea li:first-child { border-left: 3px solid #dbdbdb; }
#Container #ThemenArea li:last-child { border-right: 3px solid #dbdbdb; }
#Container #ThemenArea li { border-top: 3px solid #dbdbdb; }
#Container #ThemenArea li a {  border-bottom: 1px solid #fff; }
#Container #ThemenArea li a.act,
#Container #ThemenArea li a:hover { height:36px; border-bottom: none; }
#Container #ThemenArea li a:before {
    bottom: 0;
    width: 3px;
}
#Container #ThemenArea .Column.Legende ul {
    position: relative;
    height: auto;
    top: auto;
}

#Container #ThemenArea .Column.Legende li {
    background: #fff;
    border: none;
    width: 100%;
}
#Container #ThemenArea .map_widget { display: inline-block; border-bottom: none; }
#Container #ThemenArea .map_widget h4 { border: none; }

#Container #ThemenArea .border-inner { 
    border: 3px solid #dbdbdb;background: #fff; 
    display: inline-block; width: auto; overflow: hidden;
    padding: 0 8px;
}
#Container #ThemenArea .border-inner h4 { border: none; display: inline-block; }
#Container #ThemenArea .border-inner .tb-inner { 
    border: 2px solid rgb(202, 214, 228); 
    padding: 0px; 
    margin-bottom: 6px;
    overflow: hidden;
}
#Container #ThemenArea .border-inner caption {
    background: #3471c1;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding: 5px;
}
#Container #ThemenArea .uebersicht th:first-child[data-title="Nr"],
#Container #ThemenArea .uebersicht td:first-child[data-title="Nr"] { font-size: 10px; width: 34px; }
#Container #ThemenArea .uebersicht [data-title="Titel"] { font-size: 10px; width: 202px; }

#Container #ThemenArea .uebersicht [data-title="Autoren"] { font-size: 10px; width: 41px; }
#Container #ThemenArea .uebersicht [data-title="Datum"] { font-size: 10px; width: 65px; }
#Container #ThemenArea .uebersicht [data-title="Karten"] { width: 41px; }
#Container #ThemenArea .uebersicht [data-title="Tabellen"] { width: 44px; }
#Container #ThemenArea .uebersicht [data-title="Diagramme"] { width: 59px; }
#Container #ThemenArea .uebersicht [data-title="Berichte"] { width: 40px; }
#Container #ThemenArea .uebersicht [data-title="Kommentare"] { width: 80px; }
#Container #ThemenArea .uebersicht [data-title="Zeitreihen"] { width: 75px; }

#Container #ThemenArea .uebersicht td[data-title="Karten"],
#Container #ThemenArea .uebersicht td[data-title="Tabellen"],
#Container #ThemenArea .uebersicht td[data-title="Diagramme"],
#Container #ThemenArea .uebersicht td[data-title="Berichte"],
#Container #ThemenArea .uebersicht td[data-title="Kommentare"],
#Container #ThemenArea .uebersicht td[data-title="Zeitreihen"] {
    text-align: center;
}
#Container #ThemenArea #chronical th { background: #3471c1; color: #fff; }
#Container #ThemenArea .uebersicht th:last-child { padding-right: 5px;}
#Container form[name="searchWordForm"] { width: 685px; padding-bottom: 30px; }

.tx-felogin-pi1{
  margin: 18px 18px 0;  
}
.tx-felogin-pi1 .error {
    color: #AE1001;
    /*margin: 18px 18px 0; */
}

.noBorder {
    border:none !important;
}

#chronical td {
    overflow-wrap: anywhere
}

.zeitreihen [id^=liniendiagramm-] {
    position: relative;
}

.zeitreihen [id^=liniendiagramm-][data-status]:after {
    left: 0;
    right: 0;
    top: 50px;
    text-align: center;
    position: absolute;
}

.zeitreihen [id^=liniendiagramm-][data-status=loading]:after {
    content: "Werte werden geladen...";
}

.zeitreihen [id^=liniendiagramm-][data-status=no-data]:after {
    content: "Keine Werte verfügbar";
}

.zeitreihen [id^=mapinfo-] [id^=liniendiagramme-] {
    overflow: scroll;
    overflow-x: hidden;
    padding-bottom: 40px;
    height: 350px;
}

.zeitreihen [id^=auspraegungchart] [id^=liniendiagramm-] {
    padding-top: 65px;
    padding-bottom: 0;
    width: 400px;
    height: 300px;
    float:left;
}

/* .zeitreihen [id^=auspraegungchart-] .Marginal h3 {
    cursor: pointer;
    user-select: none;
}

.zeitreihen [id^=auspraegungchart-].hide-regionen .Marginal {
    min-height: 65px;
}

.zeitreihen [id^=auspraegungchart-].hide-regionen .Marginal h3 {
    margin-bottom: 0 !important;
}

.zeitreihen [id^=auspraegungchart-].hide-regionen .Marginal [id^=regionen-] {
    display: none;
}

.zeitreihen [id^=auspraegungchart-].hide-regionen [id^=liniendiagramm-] {
    width: 100%;
    padding-top: 0;
} */

.zeitreihen .exportmap {
    float: right;
}

.zeitreihen [class^=auspraegung_] label {
    float: left;
    margin-right: 10px;
}

.zeitreihen [class^=auspraegung_] select {
    width: auto !important;
    max-width: 400px;
}

.zeitreihen .exportmap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 85% !important;
    width: auto;
}

.zeitreihen [id^=regionen-] label {
    padding-left: 6px;
    padding-right: 6px;
}

.zeitreihen [id^=regionen-] label input {
    position: relative;
    vertical-align: middle;
    bottom: 1px;
    margin-right: 6px;
}

.morris-hover.morris-default-style {
    background: rgba(255, 255, 255, 0.9) !important;
    outline: 2px solid #dedede;
    border: none !important;
    cursor: default;
    color: #333 !important;
}

.zeitreihen [id^=mapinfo-] h3 {
    margin-bottom: 0 !important;
}


.zeitreihen [id^=liniendiagramme-] h4 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}


.zeitreihen [id^=va-zeitreihen-] {margin-bottom: 100px;}

.zeitreihen form[id^=zeitreihen] {margin-bottom: 50px !important;}

.zeitreihen [id^=auspraegungchart-] {
    margin-bottom: 50px !important;
}

.zeitreihen .Legende ul {
    padding-left: 6px !important;
}

.zeitreihen [id^=regionen-] [id^=toggleall_] {
    float: left;
    margin-left: 10px;
    margin-top: 4px;
}

.zeitreihen [id^=regionen-] [id^=toggleall_] a {
    cursor: pointer;
    user-select: none;
}

[id^=zeitraumdaten-] .morris-hover-point {
    line-height: 16px;
}

[id^=zeitraumdaten-] {
    margin-left: 6px;
    margin-right: 6px;
}