/* Hauptstyles */
td.padding-left         { padding-left: 88px; }
td.padding-left_sponsor { padding-left: 81px; }
td.padding-left_navi    { padding-left: 78px; }
td.bg_darkgrey          { background-color: #3b3b3b; }
td.bg_wrapper           { background-color: #363636; }

p 			                { margin-top: 0px; }

div.bg_darkgrey         { background-color: #3b3b3b; }

/* Navigationen */
a.nav_small             { font-family: arial, verdana, helvetica; color:#ffffff; font-size: 11px; text-decoration: none; }
a.nav_small:hover       { color:#fab52e; text-decoration: underline; }

a.nav_sprache { 
    font:               normal 11px arial, verdana, helvetica; 
    color:              #fab52e; 
    text-decoration:    none;

}
a.nav_sprache:hover { 
    color:              #fab52e; 
    text-decoration:    underline; 
}

td.nav_bg_black         { font-family: arial, verdana, helvetica; color:#ffffff; font-size: 11px; text-decoration: none; }
td.nav_bg_white         { font-family: arial, verdana, helvetica; color:#000000; font-size: 11px; text-decoration: none; }

a.nav                   { font-family: arial, verdana, helvetica; color:#ffffff; font-size: 12px; text-decoration: none; }
a.nav:hover             { text-decoration: none; }

a.subnav                { font-family: arial, verdana, helvetica; color:#ffffff; font-size: 10px; text-decoration: none; }
a.subnav:hover          { text-decoration: none; }

a.subsubnav             { font-family: arial, verdana, helvetica; color:#ffffff; font-size: 10px; text-decoration: none; }
a.subsubnav:hover       { text-decoration: none; }


.breadcrumb             { font-family: arial, verdana, helvetica; color:#dfdfdf; font-size:10px; line-height: 18px; text-decoration: none; }
a.breadcrumb:hover      { text-decoration: underline; }


/* Artikel / Basics */

td.headline             { font-family: arial, verdana, helvetica; color:#ffffff; font-size: 18px; line-height: 14px; text-decoration: none; font-weight:bold; padding-left: 14px; }
td.text                 { padding-left: 14px; padding-right: 14px; font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }
a.text                  { font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }
a.text:link             { color:#fab52e; text-decoration: underline; }
a.text:visited          { color:#fab52e; text-decoration: underline; }
a.text:hover            { color:#fab52e; text-decoration: none; }

div.headline            { font-family: arial, verdana, helvetica; color:#ffffff; font-size: 18px; line-height: 14px; text-decoration: none; font-weight:bold; padding-left: 14px; }
div.text                { padding-left: 14px; padding-right: 14px; font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }

.text_flash             { padding-left: 14px; padding-right: 14px; font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }

.image                  { margin-bottom: 25px; }

td.article_table_td     { font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }

a.multi                 { font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }
a.multi:link            { color:#fab52e; text-decoration: underline; }
a.multi:visited         { color:#fab52e; text-decoration: underline; }
a.multi:hover           { color:#fab52e; text-decoration: none; }

a.email                 { font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }
a.email:link            { color:#fab52e; text-decoration: underline; }
a.email:visited         { color:#fab52e; text-decoration: underline; }
a.email:hover           { color:#fab52e; text-decoration: none; }

a.article_href          { font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }
a.article_href:link     { color:#fab52e; text-decoration: underline; }
a.article_href:visited  { color:#fab52e; text-decoration: underline; }
a.article_href:hover    { color:#fab52e; text-decoration: none; }

.news_text              { font-family: arial, verdana, helvetica; color:#cdcdcd; font-size: 12px; text-decoration: none; font-weight:normal; }
a.news_text:link        { color:#fab52e; text-decoration: underline; }
a.news_text:visited     { color:#fab52e; text-decoration: underline; }
a.news_text:hover       { color:#fab52e; text-decoration: none; }

.naviActive             {
	font-size:10px; color:#ffffff; text-decoration:none; font-family:arial, verdana, helvetica; display:block; height:31px; 
    padding-left:5px; padding-right:5px; text-align:left;
}

.naviActive:hover       {
	font-size:10px; color:#ffffff; text-decoration:none; font-family:arial, verdana, helvetica; display:block; height:31px; 
    padding-left:5px; padding-right:5px; text-align:left;
}

.naviActiveNo           {
    font-size:10px; color:#ffffff; text-decoration:none; font-family:arial, verdana, helvetica; display:block; height:31px; 
    padding-left:5px; padding-right:5px; text-align:left;
}

.naviActiveNo:hover     {
	font-size:10px; color:#ffffff; text-decoration:none; font-family:arial, verdana, helvetica; display:block; height:31px; 
    padding-left: 5px; padding-right: 5px; text-align:left;
}

.rahmen_main_menu       { }

.bg_navi                { background-color:#dfdfdf; }
.bg_navi_subdiv         {
    position:           absolute;
    margin-top:         30px;
    display:            none; 
    background-color:   transparent;
}

.bg_navi_subdiv_top     {
    height:             5px;
    width:              170px;
    background-color:   transparent;
}

.bg_navi_subdiv_bottom  {
    height:             5px;
    width:              170px;
    background-color:   transparent; 
}

.submenu_div_sub        {
    width:              160px;
    height:             18px; 
    line-height:        18px; 
    padding-left:       10px; 
    background-color:   #5F5F5F;
}

.submenu_div_sub_active { 
    width:              160px;
    height:             18px; 
    line-height:        18px; 
    padding-left:       10px; 
    background-color:   #2C2C2C;
}
.submenu_first        {
    width:              146px;
    padding-left:       24px; 
}
.submenu_first_fixed  {
    padding-left:       10px; 
}
a.submenu_first_fixed:hover  {
    padding-left:       10px; 
}
.subnavi_main_div       {
    margin-top:         -30px; 
    width:              960px; 
    height:             30px; 
}

.subnavi_main_divActive {
    margin-top:         -30px; 
    width:              960px; 
    height:             30px; 
    background:         #d6d6d6; 
    background-image:   url(/rttb/images/subnavigation.png); 
    background-repeat:  no-repeat;
    background-color:   transparent;
}

/* topnavigation */
.bg_main_menu           {
    background-image:   url(/rttb/images/bg_main_kachel1x30.gif); 
    background-repeat:  repeat-x;
    background-color:   transparent;
}

.bg_main_menu_left      {
    width:              5px;
    height:             30px;
    background-image:   url(/rttb/images/bg_main_menu_links.gif); 
    background-repeat:  no-repeat;
    background-color:   transparent;
    float:              left;
}

.bg_main_menu_left_round {
    width:              5px;
    height:             30px;
    background-image:   url(/rttb/images/bg_main_menu_links_rund.gif); 
    background-repeat:  no-repeat;
    background-color:   transparent;
    float:              left;
}
.bg_main_menu_right     {
    width:              5px;
    height:             30px;
    background-image:   url(/rttb/images/bg_main_menu_rechts.gif); 
    background-repeat:  no-repeat;
    float:              left;
}

/** */

/*                  STORIES ANFANG                  */
.stories                {
    float:              left;
    width:              144px;
}

.rttb_stories           {
    float:              left;
    margin-left:        8px;
}

.stories_headline       {
    color:              #fab52e;
    font-family:        arial;
    font-size:          12px;
    font-weight:        bold;
    height:             35px;
}

.stories_text           {
    color:              #cccccc;
    font-family:        arial;
    font-size:          10px;
    font-weight:        normal;
    margin-top:         10px;
}

.stories_box            {
    width:              618px; 
    height:             159px;
    background-color:   #3b3b3b;
    overflow:           hidden; 
}

.stories_1, .stories_2, .stories_3 {
    float:              left;
    width:              4px;
    margin-right:       4px;
    border-right:       1px solid #606060;
    height:             200px;
    line-height:        200px;
}

a.stories_link:link     { font-size:11px; color:#cccccc; text-decoration: none; }
a.stories_link:visited  { font-size:11px; color:#cccccc; text-decoration: none; }
a.stories_link:hover    { font-size:11px; color:#cccccc; text-decoration: none; }

/*                  STORIES ENDE                    */
.content_abstand        {
    height:             18px;
    line-height:        18px;
    font-size:          18px;
    clear:              both;
}

/*                  NEWS ANFANG                      */
.newstop5               {
    color:              #cccccc;
    font-family:        arial;
    font-size:          10px;
    font-weight:        normal;
    margin-top:         10px;
    padding-left:       16px;
}
a.newstop5_link          { font-size:11px; color:#cccccc; text-decoration: none; }
a.newstop5_link:link     { font-size:11px; color:#cccccc; text-decoration: none; }
a.newstop5_link:visited  { font-size:11px; color:#cccccc; text-decoration: none; }
a.newstop5_link:hover    { font-size:11px; color:#cccccc; text-decoration: none; }
.newstop5_datum          {
    font-size:          11px;
    color:              #fab52e;
    font-weight:        bold;
}

.newstop5_box           {
    width:              160px;
    background-color:   #3b3b3b;
    height:             250px;
    overflow:           hidden;
    float:              left;
}

.news_video             {
    width:              458px;
    height:             250px;
    background-color:   #3b3b3b;
    float:              left;
    text-align:         center;
}

/*                  NEWS ENDE                        */


/* footernavigation */
div#footer_navi         {
    width:              960px;
    height:             230px;
    float:              center;
    text-align:         left;
    margin-left:        5px;
}

.footer_navi_row        {
    width:              192px;
    height:             230px;
    float:              left;
}

.footer_navi_font       {
    font:               normal 11px arial, verdana, helvetica; 
    color:              #cdcdcd;
    line-height:        11px;
}

.footer_navi_link       {
    font:               normal 11px arial, verdana, helvetica; 
    color:              #cdcdcd;
    line-height:        11px;
    text-decoration:    none;
}

a.footer_navi_link      {
    font:               normal 11px arial, verdana, helvetica; 
    color:              #cdcdcd;
    line-height:        11px;
    text-decoration:    none;
}

.footer_navi_spacer     {
    height:             15px;
    line-height:        1px;
    font-size:          1px;
}

div#footer_impressum    {
    margin-bottom:      18px;
}

.footer_impressum_logo  {
    width:              200px;
    height:             40px;
    float:              left;
}

.footer_impressum_item  {
    margin-left:        30px;
    line-height:        40px;
    vertical-align:     middle;
    float:              left;
}

.footer_impressum_font  {
    font:               bold 11px arial, verdana, helvetica; 
    color:              #cdcdcd;
    line-height:        11px;
    margin-top:         11px;
}

.footer_impressum_link  {
    font:               bold 11px arial, verdana, helvetica; 
    color:              #cdcdcd;
    text-decoration:    none;
}

a.footer_impressum_link {
    font:               bold 11px arial, verdana, helvetica; 
    color:              #cdcdcd;
    text-decoration:    none;
}

/** TOPSTORIES */
div#topstory_dynamic {
    width:             618px; 
    height:            360px; 
    overflow:          hidden;
}
div#mainImageOutline {
    width:             618px; 
    height:            270px;
}
img#mainImage {
	width:             618px;
	height:            270px;
}
.imagebox {	
    width:             618px; 
    height:            270px; 
    overflow:          hidden; 
}

/** Div für den Storytext (incl. Headline) */
div#tss_area {
    background-color:   #3b3b3b;
    width:              618px; 
    height:             76px;
    margin-top:         -76px;
}
div#tss_headline {
    font:               bold 18px arial; 
    color:              white;
    padding-left:       14px;
}
div#tss_text {
    font:               normal 11px arial;
    color:              #cdcdcd;
    padding-left:       14px;
}
.headline_tss {
    height:             43px; 
    vertical-align:     top;
    padding:            0px; 
    margin:             0px;
    background:         transparent;
    overflow:           hidden;
}
.filter		{ 
    background-image:   url(/rttb/images/topstory/bg_kachel.png);	
    background-repeat:  no-repeat;
    background-position:0px 0px;
    filter:             alpha(opacity=80);
    opacity:            0.8;
    -moz-opacity:       0.8;
}
a.topstories_link:link     { color:#cdcdcd; text-decoration: none; }
a.topstories_link:visited  { color:#cdcdcd; text-decoration: none; }
a.topstories_link:hover    { color:#cdcdcd; text-decoration: none; }
.image_textlink_tss        { padding-bottom:3px; line-height:11px; }
/** Div für die Storywahl (1..4) */
div#topstory_navi {
    clear:             both;
    width:             618px; 
    height:            48px; 
    text-align:        right;
}

div#buttons {
   width:              618px; 
   height:             48px;
   float:              right;
}
.thumbnail {
    margin-right:      5px;
    margin-top:        8px;
}
.thumbnail_a {
    margin-right:      5px;
    margin-top:        8px;
}
/** */

/** FOTOSTRECKE*/
.fotostrecke_box            {
    width:              598px; 
    height:             108px;
    background-color:   #3b3b3b; 
    padding-top:        5px;
    padding-left:       10px;
    padding-right:      10px;
    overflow:           hidden; 
}
div#fotostrecke_fotos {
    width:              100%; 
    height:             67px;
}
div#fotostrecke_navi {
    width:              100%; 
    height:             40px;
    margin-top:         10px;
}
.fotostrecke_teaser {
    width:              149px;
    height:             67px;
    float:              left;
    overflow:           hidden;
}
div#button_back {
    width:              33px;
    text-align:         left;
    float:              left;  
}
div#button_forward {
    width:              33px;
    text-align:         right;
    float:              left;
}
div#fotostrecke_text {
    font:               normal 11px arial;
    color:              #cdcdcd;
    width:              532px;
    text-align:         left;
    float:              left;
    overflow:           hidden;
}
/* Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:/rttb/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/rttb/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/rttb/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/** */

/** Newsarchiv*/
.newstop5_link_archive {
    color:              #cccccc;
    font-family:        arial;
    font-size:          10px;
    font-weight:        normal;
    margin-top:         20px;
    padding-left:       16px;
}

.newsarchiv_box            {
    width:              590px; 
    background-color:   #3b3b3b; 
    padding-top:        0px;
    padding-left:       10px;
    padding-right:      10px;
}
.archive_row_1 {
    float:              left;
    width:              80px;
    font:               bold 12px arial, verdana, helvetica;
    color:              #fab52e;
}
.archive_row_2 {
    float:              left;
    width:              508px;
    font:               normal 12px arial, verdana, helvetica; 
    color:              #cdcdcd; 
    text-decoration:    none; 
    font-weight:        normal;
}
.archive_row_link {
    font:               normal 12px arial, verdana, helvetica; 
    color:              #cdcdcd; 
    text-decoration:    none; 
}
a.archive_row_link {
    font:               normal 12px arial, verdana, helvetica; 
    color:              #cdcdcd; 
    text-decoration:    none; 
}
a.archive_row_link:hover {
    text-decoration:    none; 
}
.content_abstand_archive        {
    height:             10px;
    line-height:        10px;
    font-size:          10px;
    clear:              both;
}