@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */
/*@media all
{*/
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting YAML's  basic layout elements
*/
/* (en) Marginal areas & page background */
body {
background: #F3F3F5;
padding: 0;
}
#page_shadows {
width: 1000px;
background: url(/image/view/-/1763842/data/70/-/140npy1/-/bg_page.png) repeat-y top center;
margin: 0 auto;
}
/* (en) Layout: width, background, borders */
#page_margins {
min-width: 990px;
max-width: 990px;
margin: 0 auto;
}
#page {
background: #fff;
}
/* (en) Centering layout in old IE-versions */
body { text-align: center }
#page_margins { text-align:left }
/* (en) Designing main layout elements */
#header {
color: #000;
background: #fff repeat-x top left;
padding: 20px 20px 1em 20px;
width: 948px;
}
/* (en) adjustment of top navigation */
#topnav {
background: #F3F3F5;
border-bottom: 1px solid #D7D7D7;
top: 0;
right: 0;
width: 965px;
text-align: right;
padding: 5px 25px 5px 0;
position: relative;
}
#topnav span {
margin: 0 5px;
}
/* (en) adjustment of main navigation */
#nav { position: relative; z-index: 100; }
#main { background: #fff; padding: 10px 20px; }
#footer {
padding-bottom: 5px;
}
#footer_content {
text-align: left;
color: #666; 
border-top: 5px solid  #B10E16;
border-bottom: 1px solid  #B10E16;
padding: 5px;
margin: 0 20px 40px 20px;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/
#col1 { width: 25% }
#col1_content { padding: 10px 10px 10px 20px; }
#col2 { width: 25% }
#col2_content { padding: 10px 20px 10px 10px; }
#col3 { margin: 0 25% }
#col3_content { padding: 10px }
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Main Navigation
*/
#nav_main {
margin-left: 20px;
width: 950px;
height: 27px;
#background: #272627;
background: #B10E16;
}
.ddcolortabs {
float: left;
}
.ddcolortabs ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.ddcolortabs ul li {
float: left;
margin: 0;
padding: 0;
}
.ddcolortabs ul li a {
color: #FFFFFF;
margin: 0;
padding: 5px 10px;
display: block;
text-decoration: none;
}
.ddcolortabs ul li a:hover {
background: url(/image/view/-/1763768/data/510100/-/5j35wvz/-/bg_mainnav_active.png) repeat-x top left;
*background: #cc262b;
*background: #272627;
color: #FFFFFF;
text-decoration: none;
}
/*currently selected tab*/
.ddcolortabs ul li a.current {
background: url(/image/view/-/1763768/data/510100/-/5j35wvz/-/bg_mainnav_active.png) repeat-x top left;
*background: #cc262b;
*background: #272627;
color: #FFFFFF;
text-decoration: none;
}
.tabcontainer {
clear: left;
width: 950px; /*width of 2nd level sub menus*/
margin-left: 20px;
margin-top: 5px;
color: #ED1C24;
}
.tabcontainer a {
margin: 0 5px;
color: #ED1C24;
}
.tabcontent {
display:none;
}#social{
float: right;
margin: 2px 0px;
}
#channelinhousead{
padding: 0px;
margin: 1px 0px;
}
#inhousead{
float: left;
margin: 2px 4px;
}
.tabcontent {
display:none;
}
#dn2Overall{
margin: 12px 0px;
float: center;
display: block;
}
.dn2LeftOverall{
float: left;
width: 180px;
margin: 5px;
text-decoration: none;
}
.dn2RightOverall{
float: right;
border-left:1px solid #efefef;
width: 266px;
margin: 5px;
text-decoration: none;
}
.dn2TopTitle  a{
font-size: 14px;
text-align: left;
text-decoration: none;
color: #33333;
}
.dn2TopTitle  a:Hover{
font-size: 14px;
text-align:left;
text-decoration: Underline;
color: #33333;
}
.topDN2List li {
background:url(/image/view/-/1763882/data/43/-/o1u456/-/List.png) no-repeat scroll 0 6px transparent;
border-bottom:1px solid #DADADA;
line-height:1.3em;
list-style:none outside none;
margin:0;
padding:4px 4px 4px 16px;
}
.topDN2List li a{
color:#4D4D4D;
}
.topDN2List li a hover {
color:#4D4D4D;
}
.dn2TopPhoto{
float: left;
border: 0px;
}
.dn2Clear{
height; 3px;
}
#NewsTicker{
border:solid 1px #eaeaea;
width:98%;
height:34px;
margin:0 auto;
}
#NewsTicker h1{
padding:6px;
margin:0;
border:0;
background:#dfe7ed;
color:#000000;
font-size:11px;
font-weight:bold;
}
#NewsVertical {
width: 600px;
height: 34px;
display: block;
overflow: hidden;
position: relative;
}
.topStoryListWrapper{ margin: 5px; padding: 2px; width: 98%;}

#teaser {
border-bottom: 1px solid #DADADA;

}
#teaser_inside {

}
#search_teaser {
background: url();
height: 316px;
}
#search_teaser h1{
font-weight: bold;
font-size: 22px;
color: #051447;
font-family: Arial, Helvetica;
}
#javascript {
background: transparent;
/*border-right: 1px #d7d7d7 solid;*/
 height: 330px;
 width: 790px;
}
#padded {
padding: 15px;
}

/* JAVASCRIPT CAROUSEL */
#content_js  {
float: right;
background: transparent;
width: 500px;
height: 300px;
margin: 0;
padding-right: 8px;
}
#content_js img{
padding: 2px;
border: 1px #d7d7d7 solid;
}
.ontop {
background: url(/image/view/-/1764104/data/414661/-/q5e38nz/-/story_bgcomments.png);
font-size: 12px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
position: relative;
line-height: 1.4em;
width: 400px;
margin-top: -120px;
margin-left: 3px;
padding: 8px;
}
.ontop span {
font-size: 14px;
line-height: 14px;
color: #bf1e2d;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
}
.ontop a:hover {
color: #333333;
text-decoration: none;
}
#navigation_js {
float: left;
background: transparent;
width: 251px;
text-align: right;
margin-top: -13px;
}
#navigation_js span {
height: 49px;
}
.ontop #headline{font-size: 170%;  line-height: 1.2em; font-family: calibri; }
#navigation_js a{
font-family: Arial, Helvetica;
display: block;
color: black;
margin: 14px 0 14px 0;
text-align: left;
text-decoration: none;
font-size: 13px;
line-height: 15px;
background: url('/image/view/-/1763770/data/414662/-/sy6a11/-/javascript_bg.jpg') no-repeat;
height: 44px;
padding: 16px 18px 0 8px;
}
#navigation_js a.activeSlide { background: url('/image/view/-/1763772/data/414663/-/hs4tox/-/javascript_bg_active.jpg') no-repeat; color: white; font-weight: bold; padding: 16px 18px 0 8px; }
#container_js {
width: 700px;
}
#list_maoni{border-bottom: 1px dashed #DDDDDD; height: 80px; padding: 3px 6px; clear: both; }
.list_title{
     color: #000; font-size: 12px;  font-family: calibri; 
     background: url("/image/view/-/1763668/data/43/-/opybr3z/-/ico_plus.png") no-repeat scroll 0 3px transparent;
     border-bottom: 1px solid #DADADA;
     color: #4D4D4D;
     text-transform: uppercase;
     margin: 0;
     padding: 4px 4px 0px 16px;
     text-decoration: none;
}
#maoni{border: 1px solid #DDDDDD; height: 77px; padding: 3px 6px; clear: both; background: none repeat scroll 0 0 #EEEEEE;}
#maoni_headline  a{font-size: 150%; margin-bottom: 2px;}
#uchambuzi_headline  a{font-size: 140%; margin-bottom: 2px;}
.maoni_teasertext {font-size: 98%; font-family: arial; line-height: 1.4em; margin-top: 4px;  }
#list_maoni .list_maoniteaser{float: right; width: 72%;}
#list_maoni .list_maoniimg{float: left; width: 26%; margin: -10px}
#uchambuzi_maoni{border-bottom: 1px dashed #DDDDDD; height: 80px; padding: 3px 6px; clear: both;  margin-bottom: 5px;}
#uchambuzi_maoni .uchambuzi_maoniteaser{float: right; width: 85%; margin: 1px; }
#uchambuzi_maoni .uchambuzi_maoniimg{float: left; width: 12%; margin: -10px}


.uchambuzi_title{color: #000; font-size: 11px; font-family: calibri; 
     background: url("/image/view/-/1763668/data/43/-/opybr3z/-/ico_plus.png") no-repeat scroll 0 3px transparent;
    /*border-bottom: 1px solid #DADADA;*/
     color: #4D4D4D;
      text-transform: uppercase;
     margin: 0;
     padding: 0px 4px 0px 16px;
     text-decoration: none;}

.uchambuzi_main_title{
    color: #ffffff; 
    font-size: 14px; font-family: calibri; 
    background: #3A3A3A url(/image/view/-/1763794/data/500451/-/c3b4gkz/-/bg_tab_active.png) repeat-x top left;
    border-bottom: 1px solid #DADADA;
     text-transform: uppercase;
     margin: 0;
     padding: 3px 7px;
     text-decoration: none;
     list-style-type: none;
     text-align: left;
    width: 33%
}
#maoni .maoniteaser{float: left; width: 88%;}
#maoni .maoniimg{float: right; width: 10%;}
.maoniimg img {
    border: 2px solid #FFFFFF;
}
.maoni_title{color: #000; font-size: 12px; font-family: calibri; 
     background: url("/image/view/-/1763668/data/43/-/opybr3z/-/ico_plus.png") no-repeat scroll 0 3px transparent;
    /*border-bottom: 1px solid #DADADA;*/
     color: #4D4D4D;
     text-transform: uppercase;
     margin: 0;
     padding: 0px 4px 0px 16px;
     text-decoration: none;}
/*}*/