.top_articles {padding-bottom: 15px;}
.top_articles .foto {position: relative; padding-bottom: 5px;}
.top_articles .foto h4 {position: absolute; top: 0; left: 0; font-size: 90%; color: #014ba3; text-transform: uppercase; line-height: 14px; padding: 0 20px 0 5px; background-color: #dfdfdf;}

.top_articles .block {background: url(../images/bg_main_articles.jpg) no-repeat 0 0; width: 621px; overflow: hidden;}
.top_articles .main_article {float: left; padding: 5px 25px 0 13px; width: 275px;}
.main_article p {font-size: 90%; }
.main_article .date {color: #666; padding-bottom: 8px;}
.main_article .date span {color: #003399;}
.main_article h2 {font-size: 160%; padding-bottom: 5px;}
.main_article .path {padding: 0 0 6px 9px; background: url(../images/arr.gif) no-repeat 0 5px;}
.main_article .more {padding-left: 9px; background: url(../images/arr.gif) no-repeat 0 5px;}
.top_articles .other_articles {float: left; width: 290px; }
.other_articles dt {font-size: 90%; padding-top: 9px;}
.other_articles dd {padding-left: 10px; background: url(../images/arr2.gif) no-repeat 0 5px;}

.box {background: url(../images/bg_box_center.gif) repeat-y 0 0; margin-bottom: 12px; width: 621px; overflow: hidden;}
.box .bx_top {background: url(../images/bg_box_top.gif) no-repeat 0 0; padding: 11px 12px 0 12px; height: 22px;  }
.box .bx_top h4 {float: left; height: 18px; width: 200px; text-indent: -10000px;}
.box .bx_top .more {float: right; padding-left: 9px; margin-top: 1px; display: block; background: url(../images/arr.gif) no-repeat 0 5px; font-size: 90%;}

.box .bx_top2 {background: url(../images/bg_box_top.gif) no-repeat 0 0; padding: 11px 12px 0 12px; height: 22px;  }
.box .bx_top2 h4 {float: left; height: 18px; width: 200px; color:#003399; font-size:13px; }
.box .bx_top2 .more {float: right; padding-left: 9px; margin-top: 1px; display: block; background: url(../images/arr.gif) no-repeat 0 5px; font-size: 90%;}

.box .art_h {width: 621px; overflow: hidden; background: url(../images/box_line.gif) repeat-y 0 0; margin: 10px 0 0 0;}
.box .item {float: left; overflow: hidden; padding: 0 10px 0 11px; width: 280px;}
.box .item .foto {float: left; border: 1px solid #eaeaea; }
.box .item .foto img {margin: 2px; border: 1px solid #000;}
.box .item .text {float: right; width: 188px;}
.box .item .text h3 {padding-bottom: 5px;}
.box .item .text p {font-size: 90%; height: 52px; overflow: hidden;}
.box .item .text .more {padding-left: 9px; background: url(../images/arr.gif) no-repeat 0 5px; font-size: 90%;}
.box .item ul li {padding: 1px 0 1px 11px; background: url(../images/arr2.gif) no-repeat 0 7px;}
.box .line {background: url(../images/line_gray.gif) repeat-x 0 100%; margin: 0 2px; height: 11px; font-size: 1px; line-height: 1px;}
.box .bx_bottom {background: url(../images/bg_box_bottom.gif) no-repeat 0 100%; height: 14px; clear: both; width: 621px;}

#dossiers .bx_top {background: url(../images/bg_dosier_top.gif) no-repeat 0 0;}
#dossiers h4 {background: url(../images/title_dossiers.gif) no-repeat 0 0;}

.article_l {float: left; width: 301px;}
.article_l .item {float: none; margin-top: 10px; background: url(../images/box_line.gif) repeat-y 0 0;}
.article_r {float: left; width: 320px;}
.article_r .bx_top {background-position: 100% 0;}
.article_r .item {float: none; margin-top: 10px;}


h4.wahlen_in_europa {background: url(../images/title_wahlen_in_europa.gif) no-repeat 0 0;}
h4.zukunft_und_reformen {background: url(../images/title_zukunft_und_reformen.gif) no-repeat 0 0;}
h4.markt_und_wettbewerb {background: url(../images/title_markt_und_wettbewerb.gif) no-repeat 0 0;}
h4.energie_klima_und_umwelt {background: url(../images/title_energie_klima_und_umwelt.gif) no-repeat 0 0;}
h4.industrie_und_technik {background: url(../images/title_industrie_und_technik.gif) no-repeat 0 0;}
h4.finanzen_und_budget {background: url(../images/title_finanzen_und_budget.gif) no-repeat 0 0;}
h4.gesellschaft_und_bildung {background: url(../images/title_gesellschaft_und_bildung.gif) no-repeat 0 0;}

