/* CSS Document */
body, div, span, p, img, a, td {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    color:#303030;
    line-height:1.3em;
    margin:0px;
    text-align:left;
}
body {
    background:url(../images/layout/body_bg_2.png) repeat-x center top #ffffff;
}
/**************** LAYOUT ****************/
#outer {
    text-align: center;
    width:980px;
    height:100%;
    margin: 0px auto;
    background:url(../images/layout/outer_shadow_1.png) no-repeat left top #ffffff;
}
/*Header*/
#header {
    margin:0px 10px 0px 10px;
}
#header_stage {
    height:150px;
    background:url(../upload/LAYOUT/Header/header_default.jpg) no-repeat left top #ffffff;
}
#header_stage.start {
    height:150px;
    background:url(../upload/LAYOUT/Header/header_default.jpg) no-repeat left top #ffffff;
}
#header #claim {
    display:none;
}
#header #logo {
    float:right;
    border:0;
}
/*Main-Content*/
#main {
    min-height:400px;
    _height:400px;
    margin:0px 10px 0px 10px;
    text-align:left;
    clear:both;
}
#navi_div {
    width:180px;
    float:left;
    margin:0px 25px 0px 0px;
    /*background-color:#f0f0f0;*/
    display:inline;
}
#content {
    width:755px;
    float:left;
    padding:0 0 1em 0;
    display:inline;
}
#content_div, #content_div_bottom {
    width:545px;
    float:left;
    margin-right:30px;
    padding:0 0 0 0;
}
#content_div_bottom {
   padding:1.5em 0 2em 0;
}
#content_div_width {
    width:740px;
    float:left;
    padding:1em 0 0 0;
    display:inline;
}
#right_div, #right_div_bottom {
    width:165px;
    margin:0 15px 0 0;
    float:left;
    padding:0 0 0 0;
    display:inline;
}
#right_div {
    margin-top:25px;
}
#right_div_bottom {
    padding:1.5em 0 2em 0;
}
#right_div *, #right_div_bottom *,
#left_div * {
    font-size:11px;
}

#left_div {
    width:165px;
    margin:0 0 0 15px;
    padding:0 0 0 0;
}

/*///////Search, EPA-Count/////////*/
#searchdiv {
    height:63px;
    margin:15px 0px 11px 0;
}
#search {
    width:165px;
    height:63px;
    background:url(../images/layout/search_in_bg.png) no-repeat center top;
}
#searchzoom {
    width:325px;
    margin:18px 0px 11px 0px;
    height:71px;
    background:url(../images/layout/search_in_bg_zoom.png) no-repeat center top;
    position:absolute;
    left:50%;
    top:454px;
    margin:0px 0px 0px -469px;
}
#search form label, #searchzoom form label {
    font-size:9px;
    line-height:17.5px;
    text-transform:uppercase;
    padding:5px 0px 0px 6px;
    color:#666666;/*#036CB4*/
    display:block;
}
#searchzoom form label {
    padding:9px 0px 0px 10px;
}
#search form #searchclose, #searchzoom form #searchclose {
    float:right;
    width:20px;
    height:13px;
    margin:4px 4px 0px 0px;
    cursor:pointer;
    display:none;
}
#searchzoom form #searchclose {
    display:block;
}
#search_in {
    float:left;
    width:130px;
    margin:2px 6px 5px 0px;
    padding-left:3px;
    border:solid 1px #cccccc;
    background:none;
    font-size:12px;
    line-height:12px;
    display:inline;
}
#searchzoom #search_in {
    width:270px;
    margin-left:10px;
}
#search_but {
    float:left;
    margin:0px;
    display:inline;
}

/*Search-Result-Page*/
.searchresult_message {
    height:28px;
    background:url(../images/layout/searchresult_message_bg_r.png) no-repeat top right;
    margin:0 0 20px 0;
}
.searchresult_message div, .result_pages div {
    height:28px;
    background:url(../images/layout/searchresult_message_bg_l.png) no-repeat top left;
    margin:0;
    padding:5px 0 0 20px;
}
.searchresultItem {
    margin:7px 0 7px 0;
    padding:0 0 5px 0;
    border-bottom:dotted 1px #cccccc;
}
.searchresultItem h2, .searchresultItem h2 a {
    font-size:1em;
    text-decoration:none;
}
/*Page-Navigation: Bottom of Page*/
.pages {
    height:28px;
    background:url(../images/layout/searchresult_message_bg_r.png) no-repeat top right;
    margin:20px 0 0 0;
}
.pages_head {
    height:28px;
    background:url(../images/layout/searchresult_message_bg_l.png) no-repeat top left;
    margin:0 10px 0 0;
    padding:5px 0 0 20px;
    float:left;
}
.pages_navi {
    height:28px;
    margin:0;
    padding:5px 0 0 0;
    float:left;
}

/*FOOTER*/
#footer {
    height:50px;
    margin:0px 10px 0px 10px;
    background:url(../images/Layout/footer_bg2.png) repeat-x;
    text-align:left;
    clear:both;
}
#footer div, #footer a {
    font-size:9px;
    color:#5a87c5;
    line-height:1.25em;
    text-decoration:none;
}

#footer div:hover {
    color:#333333;
}
#footer a:hover {
    color:#333333;
    text-decoration:underline;
}
#footer a.active {
    font-weight:bold;
}
/*Artikelliste 2-spaltig*/
    .con_txt_2sp, .con_2sp {
        width:260px;
        padding:0px;
        float:left;
        display:inline;
    }
    .con_2sp_space {
        margin-left:25px;
    }
/*----------------------------------------------------

LINKS

------------------------------------------------------*/

a,
a:link,
a:visited,
a:active,
a:hover {
    text-decoration:none;
    color:#003063;
}
a:hover {
    color:#003063;
    text-decoration:underline;
}
    /*LINK (Pfeil rechts)*/
    a.link, a:link.link, a:active.link, a:visited.link, a:hover.link {
        background:url(../images/layout/icons/link_bg_grey_15x12.png) no-repeat 0px 0;
        padding-left:17px;
        text-decoration: none;
    }
    a:hover.link {
        color:#003063;
        background-image:url(../images/layout/icons/link_bg_hlbl_15x12.png);
        text-decoration:underline;
    }

    /*DOWNLOAD-LINKS*/
    a.link_pdf, a:link.link_pdf, a:active.link_pdf, a:visited.link_pdf,
    a.link_word, a:link.link_word, a:active.link_word, a:visited.link_word,
    a.link_excel, a:link.link_excel, a:active.link_excel, a:visited.link_excel,
    a.link_bild, a:link.link_bild, a:active.link_bild, a:visited.link_bild,
    a.link_link, a:link.link_link, a:active.link_link, a:visited.link_link {
        text-decoration: none;
        padding-left:20px;
        margin-bottom:10px;
        background-repeat:no-repeat;
        background-position:0px 0px;
    }
    a.link_pdf, a:link.link_pdf, a:active.link_pdf, a:visited.link_pdf {
        background-image:url(../images/filetypes/pdf.png);
    }
    a.link_word, a:link.link_word, a:active.link_word, a:visited.link_word {
        background-image:url(../images/filetypes/word.png);
    }
    a.link_excel, a:link.link_excel, a:active.link_excel, a:visited.link_excel {
        background-image:url(../images/filetypes/blank.png);
    }
    a.link_bild, a:link.link_bild, a:active.link_bild, a:visited.link_bild {
        background-image:url(../images/filetypes/blank.png);
    }
    a.link_link, a:link.link_link, a:active.link_link, a:visited.link_link {
        background-image:url(../images/filetypes/link.png);
    }
        
    a.link_link_big, a:link.link_link_big, a:hover.link_link_big, a:visited.link_link_big, a:active.link_link_big,
    a.link_pdf_big, a:link.link_pdf_big, a:hover.link_pdf_big, a:visited.link_pdf_big, a:active.link_pdf_big,
    a.link_word_big, a:link.link_word_big, a:hover.link_word_big, a:visited.link_word_big, a:active.link_word_big,
    a.link_ppt_big, a:link.link_ppt_big, a:hover.link_ppt_big, a:visited.link_ppt_big, a:active.link_ppt_big,
    a.link_zip_big, a:link.link_zip_big, a:hover.link_zip_big, a:visited.link_zip_big, a:active.link_zip_big,
    a.link_page_big, a:link.link_page_big, a:hover.link_page_big, a:visited.link_page_big, a:active.link_page_big {
        text-decoration: none;
        padding:0px 0px 0px 40px;
        background:url(../images/filetypes/link_big.png) no-repeat 0px 0px;
        _background:url(../images/filetypes/link_big.gif) no-repeat 0px 0px;
        min-height:32px;
        _height:32px;
        overflow:visible;
        display:block;
    }
    a.link_pdf_big, a:link.link_pdf_big, a:hover.link_pdf_big, a:visited.link_pdf_big, a:active.link_pdf_big {
        background:url(../images/filetypes/pdf_big.png) no-repeat 0px 0px;
    }
    a.link_word_big, a:link.link_word_big, a:hover.link_word_big, a:visited.link_word_big, a:active.link_word_big {
        background:url(../images/filetypes/word_big.gif) no-repeat 0px 0px;
    }
    a.link_ppt_big, a:link.link_ppt_big, a:hover.link_ppt_big, a:visited.link_ppt_big, a:active.link_ppt_big {
        background:url(../images/filetypes/ppt_big.gif) no-repeat 0px 0px;
    }
    a.link_zip_big, a:link.link_zip_big, a:hover.link_zip_big, a:visited.link_zip_big, a:active.link_zip_big {
        background:url(../images/filetypes/zip_big.gif) no-repeat 0px 0px;
    }
    a.link_page_big, a:link.link_page_big, a:hover.link_page_big, a:visited.link_page_big, a:active.link_page_big {
        background:url(../images/filetypes/link_page_big.png) no-repeat 0px 0px;
    }
    
    a:hover.link_pdf,a:hover.link_word,a:hover.link_exel,a:hover.link_bild,a:hover.link_link,
    a:hover.link_pdf_big,a:hover.link_word_big,a:hover.link_exel_big,a:hover.link_bild_big,a:hover.link_link_big,a:hover.link_zip_big,a:hover.link_ppt_big,a:hover.link_page_big {
    text-decoration:underline;
    }
/*LINK_Pfeil_BG*/
a.link_pfeil, a:link.link_pfeil, a:active.link_pfeil, a:visited.link_pfeil, a:hover.link_pfeil,
a.link_pfeil_big, a:link.link_pfeil_big, a:active.link_pfeil_big, a:visited.link_pfeil_big, a:hover.link_pfeil_big {
    background:url(../images/layout/icons/link_bg_grey_60x20.png) no-repeat left top;
    color:#ffffff;

    margin:5px 0 0 0;
    padding:6px 0 4px 18px;
    text-decoration:none;
    font-size:10px;
    line-height:1em;
    font-weight:bold;
    white-space:nowrap;

    display:block;
    clear:both;
}
a:hover.link_pfeil, a:hover.link_pfeil_big {
    background:url(../images/layout/icons/link_bg_hlbl_60x20.png) no-repeat left top;
    color:#003063;
    font-weight:bold;
}
a.link_pfeil span {
    display:block;
    margin-top:-3px;
}
a:hover.link_pfeil span {
    color:#003063;
    text-decoration:underline;
}
a.link_pfeil_big, a:link.link_pfeil_big, a:active.link_pfeil_big, a:visited.link_pfeil_big, a:hover.link_pfeil_big {
    padding-left:65px;
    font-size:12px;
    color:#003063;
}
/*link Back*/   
a.link_back, a:link.link_back, a:active.link_back, a:visited.link_back, a:hover.link_back {
    background:url(../images/layout/icons/linkback_bg_grey_60x20.png) no-repeat left top;
    width:60px;
    color:#ffffff;
    margin:5px 0 0 0;
    padding:5px 0 5px 11px;

    text-decoration:none;
    font-size:10px;
    line-height:1em;
    font-weight:bold;
    white-space:nowrap;
    display:block;
}
a:hover.link_back {
    background:url(../images/layout/icons/linkback_bg_hlbl_60x20.png) no-repeat left top;
    color:#003063;
}
/********* LOGIN ********************/
#login_form_left {
    font-size:10px;
    color:#666666;
    margin:0 0 2em 0;
}
#login_form_left .group {
    font-size:11px;
    font-weight:bold;
    color:#666666;
    margin:0.5em 0 1em 0;
    display:block;
}
#login_form_left .button {
    padding:2px;
    font-size:11px;
    color:#666666;
    border:solid 1px #cccccc;
    background-color:#f0f0f0;
}
#login_form {
    margin:2em 0 1em 0;
    padding:10px 30px 20px 30px;
    border:solid 1px #cccccc;
}
#login_form table {
    width:100%;
    background-color:#DDEEFF;
    border-collapse:collapse;
}
#login_form td {
    padding:5px 0 5px 0;
    background-color:#cccccc;
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px #ffffff;
}
#login_form label {
    padding:0 0 0 20px;
}
#login_form input, #login_form select {
    width:80%;
}
#login_form .button {
    width:35%;
}
#login_form h3 {
    margin:0 0 1em 0;
    padding:0;
    color: #003063;
}
.button {
    padding:3px 5px 3px 5px;
    border:solid 1px #cccccc;
    background-color:#f0f0f0;
    cursor:pointer;
}
/* ---------------------------------------------------

ARTIKEL + NEWS

------------------------------------------------------*/
/*NEWS Einzel-Artikel*/
    .newsitem, .newsteaseritem {
        width:100%;
        margin:0 0 0px 0;
        padding:15px 0 0 0;
        border-top:dotted 1px #666666;
        float:left;
    }
    .newsdate {
        color:#999999;
        font-size:0.9em;
        margin:0 0 3px 0;
    }
    .newsquelle {
        font-style:italic;
        margin:2em 0 0 0;
        width:400px;
        margin:0 0 4px 0;
    }
    .news_download {
        float:right;
        margin:0 0 0 0;
        padding:0 0 0 20px;
        /*border-left:dotted 3px #cccccc;*/
    }
    .news_download a {
        margin:7px 0 0 0;
        display:block;
    }
    .news_bottom {
        margin:2em 0 2em 0;
        padding:0.5em 0 0 0;
        border-top: 1px dotted #666666;
    }
    /*NEWS-Teaser-Liste*/
    .newsteaseritem {/*wie newsitem*/

    }
    .newsteaseritem h1 {
    font-size:1.75em;
    line-height:1.05em;
    margin:0 0 0.2em 0;
    padding:0px;
    }
    .newsteaseritem h2 {
    font-size:1em;
    line-height:1.05em;
    margin:0 0 0.5em 0;
    }
/************ ARTIKEL **************/
    .item {
        margin-bottom:20px;
    }
    .artikel_bottom {
        margin-bottom:2em;
        clear:left;
    }
    .teaseritem {
        margin:10px 0 10px 0;
        padding:0 0 0 0;
        clear:both;
        float:left;
    }
    
/************ Text-Content ***********/
h1, h1 p, h1 div {
    font-size:30px;
    line-height:32px;
    font-weight:normal;
    color:#003063;
    margin:0 0 0.41em 0;
    padding:0px;
}
h2 {
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    margin:0 0 0.75em 0;
    padding:0px;
}
h2.subhead {
    margin:0 0 1.5em 0;
}
p {
    margin:0 0 1em 0;
}
.smaller, .small {
    font-size:10px;
}
.grau {
    color:#666666;
}
/*//// Listen /////*/
    ol {
        margin:1em 0 1em 0.5em;
        padding:0 0 0 20px;
    }

    ol li {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    ul {
        margin:1em 0 1em 0.5em;
        padding:0 0 0 20px;
    }
    ul li {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    ul li ol li {
        border:none;
        padding:0 0 0 0;
        margin:0 0 0 0;
        list-style-image:none;
    }
    ul ul, ul ol, ol ul, ol ol {
        margin:0 0 0 0;
    }
    ul, ul.bulletliste {
        list-style-image:url(../images/layout/bulletliste_black.png);
    }
    * html ul, * html ul.bulletliste {
        list-style-image:none;
    }
    ul.hackenliste {
        list-style-image:url(../images/layout/hackenliste_black.png);
    }
    ul.pfeilliste {
        list-style-image:url(../images/layout/pfeilliste_black.png);
    }
/***********/
    /*LINKLISTE (FAQ, News-Teaser ETC.)*/
    .linkliste, .linkliste_head, .linkliste_active {
        padding:5px 0px 4px 0px;
        background:url(../images/layout/linkliste_bg_hgr_360.gif) repeat-x 0px 0px;
    }
    .linkliste:hover {
        background-color:#edf6ff;
    }
    .linkliste a, .linkliste a:link, .linkliste a:active, .linkliste a:visited, .linkliste a:hover,
    .linkliste_active a, .linkliste_active a:link, .linkliste_active a:active, .linkliste_active a:visited, .linkliste_active a:hover,
    .linkliste_extern a, .linkliste_extern a:link, .linkliste_extern a:active, .linkliste_extern a:visited, .linkliste_extern a:hover {
        font-weight:bold;
        text-decoration:none;
        padding-left:25px;
        background:url(../images/layout/icons/ico_q_plus_gr.gif) no-repeat 5px 3px;
        display:block;
    }
    
    a.extern  {
        background:url(../images/layout/icons/ico_seite_big2.png) no-repeat 5px 50%;
        padding:4px 0 4px 40px;
    }
    a:hover.extern  {
        background:url(../images/layout/icons/ico_seite_big.png) no-repeat 5px 50%;
    }

    .linkliste a:hover, .linkliste a:active {
        background:url(../images/layout/icons/ico_q_plus_blue.gif) no-repeat 5px 3px;
    }
    .linkliste_box {
        padding:10px 20px 10px 25px;
        background-color:#edf6ff;
        color:#0045a6;
    }
    .linkliste_active {
        background-color:#0045a6;
    }
    .linkliste_active a, .linkliste_active a:link, .linkliste_active a:active, .linkliste_active a:visited, .linkliste_active a:hover {
        color:#ffffff;
        /*background:url(../images/layout/icons/ico_q_pfeil_unten_gr.gif) no-repeat 5px 8px;*/
        background-image:none;
        padding:0 0 0 25px;
    }

/*News-Teaser Linkliste Startseite*/

    a.newslinkliste, a:link.newslinkliste, a:active.newslinkliste, a:visited.newslinkliste, a:hover.newslinkliste {
        background:url(../images/layout/icons/link_bg_grey_15x12.png) no-repeat 0px 50%;
        padding-left:20px;
    }
    a:hover.newslinkliste {
        background:url(../images/layout/icons/link_bg_hlbl_15x12.png) no-repeat 0px 50%;
        /*color:#0045a6;*/
    }
/*Tabellen*/
table.selection tr:hover td {
    background-color:#edf6ff;
}
.tab_dotted {
    width:100%;
    border:none;
    border-collapse:collapse;
}
.tab_dotted td {
    padding:5px;
    border-top:dotted 1px #666666;
    border-bottom:dotted 1px #666666;
    text-align:left;
    vertical-align:top;
}
.tab_dotted td.head, .tab_dotted th {
    padding:5px 5px 4px 5px;
    border-top:none;
    border-bottom:solid 2px #666666;
    text-align:left;
    vertical-align:top;
    font-weight:bold;
    color:#003063;
    background-color:#DDEEFF;
}
.tab_projekte_start {
    width:260px;
    border:none;
    border-collapse:collapse;
}
.tab_projekte_start td {
    padding:7px 3px 7px 3px;
    border-top:dotted 2px #cccccc;
    border-bottom:dotted 2px #cccccc;
    text-align:left;
    vertical-align:top;
}
.tab_projekte_start td a.link {
    padding:3px 0 0 20px;
    background-position:0 3px;
    display:block;
}
.ab_top, .ab_oben {
    margin-top:1em;
}
.ab_bottom, .ab_unten {
    margin-bottom:1em;
}
.bg_grau {
    background-color:#f5f5f5;
}
/*THEMEN  Reiter-UEBERSICHTEN*/
    ul.themenhead, ul.themenreiter,
    table.themenhead, table.themenreiter {
        clear:both;
        height:27px;
        width:100%;
        margin:20px 0 20px 0;
        padding:0 0 0 0;
        background:url(../images/layout/themenhead_reiter_lline.png) no-repeat left top;
        _background:url(../images/layout/themenhead_reiter_lline.gif) no-repeat left top;
        text-transform:uppercase;
        letter-spacing:0.05em;
        display:block;
        overflow:hidden;
        
    }
    ul.themenhead li,
    table.themenhead td {
        font-size:11px;
        line-height:11px;
        height:27px;
        color:#666666;
        margin:0 0 0 25px;
        float:left;
        background:url(../images/layout/themenhead_reiter_mr.png) no-repeat top right;
        padding:13px 25px 0 0;
        display:inline;
        
    }
    ul.themenreiter,
    table.themenreiter {
        background:url(../images/layout/themenhead_reiter_line.png) repeat-x left top;
        _background:url(../images/layout/themenhead_reiter_line.gif) repeat-x left top;
    }
    ul.themenreiter li,
    table.themenreiter td {
        font-size:11px;
        line-height:11px;
        letter-spacing:0;
        height:27px;
        color:#666666;
        margin:0 0 0 0;
        float:left;
        background:url(../images/layout/themenhead_reiter_mr_inactive.png) no-repeat top right;
        padding:0px 12px 0 0;
        display:inline;
        
    }
    ul.themenreiter li a, ul.themenreiter li span,
    table.themenreiter td a, table.themenreiter td span {
        font-size:10px;
        line-height:10px;
        height:27px;
        color:#666666;
        margin:0 0 0 0px;
        background:url(../images/layout/themenhead_reiter_lm_inactive.png) no-repeat top left;
        padding:12px 0px 0 12px;
        text-decoration:none;
        display:block;
    }

    ul.themenreiter li:hover,
    table.themenreiter td:hover, table.themenreiter td.hover {
        background:url(../images/layout/themenhead_reiter_mr_hover.png) no-repeat top right;
    }
    ul.themenreiter li:hover a,
    table.themenreiter td:hover a, table.themenreiter td.hover a {
        background:url(../images/layout/themenhead_reiter_lm_hover.png) no-repeat top left;
    }
    ul.themenreiter li.active,
    table.themenreiter td.active {
        background:url(../images/layout/themenhead_reiter_mr_active.png) no-repeat top right;
        font-weight:bold;
    }
    ul.themenreiter li.active a, ul.themenreiter li.active span,
    table.themenreiter td.active a, table.themenreiter td.active span {
        background:url(../images/layout/themenhead_reiter_lm_active.png) no-repeat top left;
        font-size:11px;
        font-weight:bold;
        letter-spacing:0.05em;
        padding:13px 13px 0 25px;
    }
    #content_div_width #item_0 ul.themenhead {
        margin-top:10px;
    }
/*Boxen*/
.box {
    padding:5px;
    border:solid 1px #cccccc;
}
.box h2 {
    font-size:12px;
    margin:0 0 0.5em 0;
    padding:2px 3px 2px 3px;
    background-color:#f0f0f0;
}
#right_div .box h2, #right_div_bottom .box h2,
#left_div .box h2 {
    font-size:12px;
    margin:0 0 0.5em 0;
    padding:2px 3px 2px 3px;
    background-color:#f0f0f0;
}
.box ul, .box ol {
    margin:0.5em 0 0.5em 0;
}
