@charset "utf-8";

@import "rg-navi-dropdown.css";
@import "rg-navi-default.ultimate.css";
@import "rg-topteaser.css";
@import "content-swap.css";
@import "rg-tabcontent.css";

/* ##################################################################### */
/* ############## DESIGN-LAYOUT: BODY ############### */
/* ##################################################################### */

BODY {
margin: 0px 0px 0px 0px;
background-color: #CCCCCC;
background-repeat:no-repeat;
background-position:top center;
background-attachment:scroll;
text-align:center;
}

img {
border: 0 none;
}

/* ##################################################################### */
/* ############## DESIGN-LAYOUT: TABLES ############### */
/* ##################################################################### */

div.mfr24-2010-div-spalte-links div.mfr24-2010-liste { /* die komplette box in der listenansicht */
clear:both;margin-bottom:15px;margin-top:7px; border-bottom:1px solid #E5E5E5;
}
div.mfr24-2010-div-spalte-links div.mfr24-2010-liste span.mfr24-2010-teasertext { /* text in der box der listenansicht */
line-height:150%;
}

.master-table { /* äußerste Tabelle mit Top- und Side-Banner */
width:990px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
font: 10px Arial;
}

.master-table { /* IE8-Hack */
margin-top /*\**/: 0px\9
}

@-moz-document url-prefix() { /* FireFox-Hack */
.master-table {
margin-top:0px;
}
}
.master-table-td-topbanner { /* äußerste Tabelle: Top-Banner Zelle */
width:820px;
height:100px;
text-align:center;
vertical-align:top;
}

.master-table-td-ecke { /* äußerste Tabelle: rechte Ecke Zelle */
width:170px;
height:100px;
text-align:center;
vertical-align:top;
}

.master-table-td-content { /* äußerste Tabelle: Content Zelle (hier ist die ganze Homepage drin)*/
width:820px;
text-align:center;
vertical-align:top;
background-color:#1B1B1B; 
}

.master-table-td-sidebanner { /* äußerste Tabelle: Skyscraper Zelle */
width:170px;
text-align:right;
vertical-align:top;
}

.master-table-td-bottom01 { /* äußerste Tabelle: Zelle unter dem Content (als Abstandshalter) */
width:820px;
height:20px;
}

.master-table-td-bottom02 { /* äußerste Tabelle: Zelle unter dem Sidebanner (als Abstandshalter) */
width:170px;
height:20px;
}

/* ############################ HEADER TABLE ################################## */

.header-table { /* Header Tabelle mit Navigation */
width:800px;
height:145px;
margin-left:auto;
margin-right:auto;
font: 10px Arial;
}

.header-table-td-toplinks { /* Header Tabelle: Zelle mit verschiedenen Links ganz oben */
width:800px;
height:20px;
}

.header-table-td-header { /* Header Tabelle: Zelle mit dem Header Content */
width:800px;
height:90px;
background-image:url(grafik/header-bg5x90.jpg);
background-repeat:repeat-x;
}

.header-table-td-navigation { /* Header Tabelle: Zelle mit der Haupt-Navigation */
width:800px;
height:27px;
background-color:#FCC200; /* gelb */
}

.header-table-td-abstand { /* Abstand zwischen Header und Navigation */
font: 1px Arial;
height:6px;
}

/* ############################ TOPLINKS TABLE ################################## */

.toplinks-table { /* Toplinks Tabelle */
width:800px;
height:20px;
font: 10px Arial;
}

.toplinks-table-td01 { /* Toplinks Tabelle: Linke Spalte */
text-align:left;
font-family: Arial;
font-size: 11px;
color:#666666;
vertical-align:middle;
}

.toplinks-table-td02 { /* Toplinks Tabelle: Rechte Spalte */
text-align:right;
width:200px;
font-family: Arial;
font-size: 11px;
color:#666666;
vertical-align:middle;
}

.toplinks-table-td01 a {
text-decoration:none;
color:#FCC200;
font-weight:normal;
}

.toplinks-table-td01 a:hover {
text-decoration:none;
color:#ffffff;
font-weight:normal;
}

.toplinks-table-td02 a {
text-decoration:none;
color:#FCC200;
font-weight:normal;
}

.toplinks-table-td02 a:hover {
text-decoration:none;
color:#ffffff;
font-weight:normal;
}

.useronline {
text-decoration:none;
color:#666666;
}

/* ############################ HEADER CONTENT TABLE ################################## */

.headercontent-table { /* Header Content Tabelle */
width:800px;
height:90px;
font: 10px Arial;
}

.headercontent-table-td-logo { /* Header Content Tabelle: Zelle mit dem Logo */
width:185px;
height:90px;
}

.headercontent-table-td02 { /* Header Content Tabelle: Zelle 02 */
height:90px;
vertical-align:top;
}

.headercontent-table-td03 { /* Header Content Tabelle: Zelle 03 */
width:175px;
height:90px;
}

.headercontent-table-td-mods { /* Header Content Tabelle: Zelle mit den Moderatoren */
width:200px;
height:90px;
}

.musikticker-table { /* Musik Ticker Tabelle mit Webradio und Webcam Buttons */
width:216px;
margin-left:auto;
margin-right:auto;
margin-top: 15px;
}

.musikticker-table-td01 {
text-align:left;
font-family: Arial;
font-size:10px;
color:#ffffff;
font-weight:bold;
}

.musikticker-table-ticker {
background-color:#1B1B1B;
height:20px;
text-align:left;
vertical-align:top;
}

.mooquee
{
color:#ffffff;
font-size:12px;	
margin-left:5px;
margin-top:3px;
/* nicht ndern */
position: absolute;
overflow: hidden;
white-space: nowrap;
}
.mooquee-text
{
/* nicht ndern */
position: absolute;
}

.musikticker-table-button01 {
text-align:left;
vertical-align:bottom;
height:32px;
}

.musikticker-table-button02 {
text-align:right;
vertical-align:bottom;
}

/* ############################ CONTENT TABLE ################################## */

.content-table-1spaltig {
width:800px;
font: 10px Arial;
margin-left:auto;
margin-right:auto;
}

.content-table-1spaltig-td {
width:800px;
text-align:left;
vertical-align: top;
}

.content-table-2spaltig {
width:800px;
font: 10px Arial;
margin-left:auto;
margin-right:auto;
}

.content-table-2spaltig-td1 {
width:500px;
text-align:left;
vertical-align: top;
}

.content-table-2spaltig-td2 {
width:300px;
text-align:left;
vertical-align: top;
}

/* ############################ BOX TABLES ################################## */

.box-table-title { /* Überschrift bei allen Box Tables */
text-transform: uppercase;
color: #E2003A; /* rot */
font-family: Verdana;
font-size: 12px;
font-weight:bold;
vertical-align: bottom;
text-align:left;
height:24px;
padding-bottom:2px;
}

.box-table-title-topteaser { /* Überschrift beim Topteaser */
text-transform: uppercase;
color: #E2003A; /* rot */
font-family: Verdana;
font-size: 12px;
font-weight:bold;
vertical-align: bottom;
text-align:left;
height:24px;
padding-bottom:2px;
}

.box-table-content-490 { /* äußere 490 breite Box Tables */
width:490px;
font: 12px Arial;
}

.box-table-content-800 { /* äußere 800 breite Box Tables */
width:800px;
font: 10px Arial;
margin-left:auto;
margin-right:auto;
}

/* ----------------- TOP THEMEN 490 ----------------------- */

.box-table-topthemen-490-td {
background-color:#ffffff;
}
.box-table-800-td {
background-color:#ffffff;
width:800px;
text-align:left;
vertical-align: top;
}

.box-table-490-td { /* Box ohne Hintergrund*/

}

.div-topthemen-content {
width:490px;
margin-bottom:5px;
}

.div-topthemen-bild {
float:left;
width: 180px;
height: 100px;
overflow: hidden;
margin-left:2px;
margin-top:2px;
}

.div-topthemen-bild img {
/*max-width: 180px;
max-height: 100px;*/
height: 100px;
}

.div-topthemen-text {
float: right;
width:290px;
margin-right:5px;
font-family: Arial;
margin-top:6px;
}

.div-topthemen-text-title {
font-size:18px;
color: #00397F; /* blau */
font-weight: bold;
margin-bottom:3px;
}

.div-topthemen-text-text p{
margin-top:0px;padding-top:0px;
}

.table-werbung-490 {
width:490px;
text-align:center;
}

.div-werbung-inhalt-490 {
text-align:center;
margin:5px;
}

/* ----------------- BOX TABLES 300 ----------------------- */

.box-table-banner-300 {
width:300px;
font: 12px Arial;
}

.box-table-banner-300-td {
background-color:#ffffff;
width:300px;
text-align:left;
vertical-align:top;
}

.sport-content { /* TD Inhalt für Sport */
width:300px;
height:54px;
border-bottom: 1px solid #1B1B1B;
}

.sport-content-div { /* Text Inhalt für Sport */
width:205px;
height:44px;
margin-left:7px;
font: 12px Arial;
color:#00397F; /* blau */
font-weight:bold;
}

.sport-content-rubrik { /* Rubrik für Sport */
font: 10px Arial;
font-weight:bold;
color:#000000;
}

/* ----------------- BOX WETTER / VERKEHR ----------------------- */
.box-table-wetter-verkehr {
width:300px;
margin-top:18px;
}

.box-wetter-verkehr-td {}
.box-wetter-verkehr-td2 {}

.box-wetter-div {
width:156px;
cursor:pointer;
vertical-align:top;
height:90px;
}

.box-verkehr-div {
width:135px;
cursor:pointer;
vertical-align:top;
height:90px;
}

.wetter-temp-div {
font: 16px Arial;
font-weight:bold;
color:#000000;
text-align:center;
vertical-align:bottom;
}

.wetter-werte-box {

}

/* ----------------- VIDEO BOX ----------------------- */

.videobox-table-490 {
width:490px;
color: #ffffff;
background-color:#000000;
}

.videobox-table-490-td01 {
padding:5px 5px 5px 7px;
vertical-align:top;
width:150px;
}

.videobox-table-490-td02 {
padding:5px 5px 5px 7px;
vertical-align:top;
width:150px;
}

.videobox-table-490-td03 {
padding:5px 5px 5px 7px;
vertical-align:top;
width:150px;
}

/* ############################ FOOTER ################################## */

.table-footer {
width: 800px;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 10px;
border-top: 1px dotted #666666;
}

.table-footer-seiten { /* einzelne Seiten am Anfang des Footers */
text-align:center;
border-bottom: 1px dotted #666666;
font: 12px Arial;
font-weight:bold;
color:#666666;
padding-top: 5px;
padding-bottom: 5px;
line-height:150%;
}

.table-footer-seiten a { /* einzelne Seiten am Anfang des Footers */
font-weight:bold;
color:#999999;
text-decoration:none;
}

.table-footer-seiten a:hover { /* einzelne Seiten am Anfang des Footers */
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.table-footer-td1 { /* Überschirften im Footer */
text-align:left;
vertical-align:top;
font: 12px Arial;
color:#999999;
width:190px;
padding-top: 10px;
}

.table-footer-td2 { /* Text im Footer */
width:710px;
text-align:left;
vertical-align:top;
font: 12px Arial;
color:#999999;
padding-top: 10px;
}

.table-footer-td2 a { /* Text im Footer */
color:#999999;
text-decoration:none;
font-weight:bold;
}

.table-footer-td2 a:hover { /* Text im Footer */
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

/* ##################################################################### */
/* ############## DESIGN-LAYOUT: TEXT-LINKS ###################### */
/* ##################################################################### */


h1 {font-weight:bold;font-size:20px;line-height:100%;font-family:Arial;}
h2 {font-weight:bold;font-size:18px;line-height:100%;font-family:Arial;}
h3 {font-weight:bold;font-size:16px;line-height:100%;font-family:Arial;}
h4 {font-weight:bold;font-size:14px;line-height:100%;font-family:Arial;}

a {
font-weight: bold;
color:#00397F; /* blau */
text-decoration:none;
}

a:hover {
font-weight: bold;
color:#00397F; /* blau */
text-decoration:underline;
}

a.rg-link-14-rot-blau {
font: bold 14px Arial;
color:#CC0000;
text-decoration:none;
}

a.rg-link-14-rot-blau:hover {
font: bold 14px Arial;
color:#00397F; /* blau */
text-decoration:none;
}

a.rg-link-12-schwarz-rot {
font: bold 12px Arial;
color:#000000;
text-decoration:none;
}
a.rg-link-12-schwarz-rot:hover {
font: bold 12px Arial;
color: #E2003A; /* rot */
text-decoration:none;
}

a.rg-link-16-weiss-rot {
font: bold 16px Arial;
color:#ffffff;
text-decoration:none;
}
a.rg-link-16-weiss-rot:hover {
font: bold 16px Arial;
color: #E2003A; /* rot */
text-decoration:none;
}

a.rg-link-10-schwarz {
font: bold 10px Arial;
text-decoration:none;
color: #000000;
}

.div-topthemen-text-title a {
color: #00397F; /* blau */
text-decoration:none;
}

.div-topthemen-text-title a:hover {
color: #E2003A; /* rot */
text-decoration:none;
}

a.rg-link-weiss-deco {
color:#FFFFFF;
text-decoration: none;
}

a.rg-link-weiss-deco:hover {
color:#FCC200; /* gelb */
text-decoration: none;
}

.partybilder-text-title a {
color: #00397F; /* blau */
text-decoration: none;
}

.partybilder-text-title a:hover {
color: #E2003A; /* rot */
text-decoration: none;
}

.video-teaser-text01 a {
color:#FFFFFF;
text-decoration: none;
overflow:hidden;
}

.video-teaser-text02 a {
color:#FFFFFF;
text-decoration: none;
overflow:hidden;
}

.video-teaser-bild01 {
overflow:hidden;
}

.video-teaser-bild02 {
overflow:hidden;
}

.text-unterseite-490 {
width: 470px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
line-height: 150%;
}

.text-box-300 {
width: 288px;
margin-left:auto;
margin-right:auto;
padding-top:6px;
padding-bottom:6px;
font-size:12px;
}

.titel-unterseite-490 {
font-family:Arial;
font-size:24px;
font-weight:bold;
line-height: 95%;
}

.text-unterseite-800 {
width: 780px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
line-height: 150%;
}

.titel-unterseite-800 {
font-family:Arial;
font-size:24px;
font-weight:bold;
line-height: 95%;
}

.galerie-unterseite-490 {
border-top:4px solid #FCC200; /* gelb */
width: 470px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:10px;
}

.galerie-title-unterseite-490 {
margin-top:30px;
width: 470px;
margin-left:auto;
margin-right:auto;
}

.galerie-title-unterseite-490 a {
font-weight:bold;
font-size:14px;
color: #00397F; /* blau */
text-decoration:none;
}

.galerie-title-unterseite-490 a:hover {
font-weight:bold;
font-size:14px;
color: #E2003A; /* rot */
text-decoration:none;
}

.bild-unterseite-490 {
height:60px;
margin:5px;
}

.unterseite-linkoptionen {
width:490px;
text-align:center;
margin-top:20px;
margin-bottom:10px;
}

.unterseite-linkoptionen a {
text-transform: uppercase;
font-size:10px;
color: #333333;
text-decoration:none;
margin:0px 5px;
padding:2px;
background-color: #cccccc;
}

.unterseite-linkoptionen a:hover {
text-transform: uppercase;
font-size:10px;
color: #ffffff;
text-decoration:none;
margin:0px 5px;
padding:2px;
background-color: #E2003A; /* rot */
}


.content-table-2spaltig-td2 div.newsbereich300 img {
width:100px;float:left;padding-right:8px;padding-bottom:8px;
}
.content-table-2spaltig-td1 div.newsbereich490 img {
height:100px;
}
.content-table-2spaltig-td1 div.div-topthemen-bild {
background-color:#dddddd;text-align:center;
}
.content-table-2spaltig-td2 div.newsbereich490 {
display:none;
}
.content-table-2spaltig-td1 div.newsbereich300 {
display:none;
}
.content-table-2spaltig-td1 .veranstaltungen-table-width {
width:470px;	
}
.content-table-2spaltig-td2 .veranstaltungen-table-width {
width:280px;	
}
/************************************************** 
      GEBURTSTAGSGRUESSE 
 **************************************************/ 
 .gfmgeburt_topic { 
      font-weight: bold; 
        font-size: 12px; 
        color: black; 
      padding: 3px; 
      vertical-align: middle;      
 } 
  
 .gfmgeburt_header { 
      font-weight: bold; 
        font-size: 14px; 
        color: #00097d; 
      padding: 3px; 
      vertical-align: middle;      
 } 
  
 .gfmgeburt_text { 
        font-size: 12px; 
        color: black; 
      padding: 3px; 
            
 } 
 .gfmgeburt_list_titel{ 
        font-size: 16px; 
        font-weight: bold; 
        color: rgb(0,10,126); 
      padding: 3px; 
      background-color: rgb(255,222,7);      
      vertical-align: middle; 
 } 
  
 .gfmgeburt_list_header{ 
        font-size: 12px; 
        font-weight: bold; 
        color: black; 
      padding: 3px; 
      background-color: rgb(255,222,7);      
      vertical-align: middle; 
 } 
  
 .gfmgeburt_list_text{ 
        font-size: 12px; 
        color: black; 
      padding: 3px; 
      background-color: #ffffff; 
   vertical-align: middle;      
 }

/************************************************** 
      FOOTER-KÄSTEN
 **************************************************/ 
.table-footer-boxes {
width: 800px;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 10px;
background-color:#FFFFFF;
}

.footer-boxes-text {
font-size:10px;
text-align:left;
vertical-align:top;
}

.footer-boxes-rubrik {
font-size:10px;
text-transform: uppercase;
background: #000000;
color:#FCC200;
font-weight:bold;
}

a.footer-boxes-title {
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.footer-social-button1 {
margin-top:4px;
margin-bottom:8px;
}

.footer-social-button1 a {
width: 165px;
padding:4px 30px 4px 28px;
font: bold 12px Arial;
color:#333;
background: url("../contentbilder/social-bookmarks-button-twitter.jpg") 0 0 no-repeat;
text-decoration: none;
}

.footer-social-button1 a:hover { 
background-position: 0 -25px;
color: #049;
}

.footer-social-button2 {
margin-top:4px;
margin-bottom:8px;
}

.footer-social-button2 a {
width: 165px;
padding:4px 30px 4px 28px;
font: bold 12px Arial;
color:#333;
background: url("../contentbilder/social-bookmarks-button-gongchat.jpg") 0 0 no-repeat;
text-decoration: none;
}

.footer-social-button2 a:hover { 
background-position: 0 -25px;
color: #049;
}

.footer-social-button3 {
margin-top:4px;
margin-bottom:8px;
}

.footer-social-button3 a {
width: 165px;
padding:4px 20px 4px 28px;
font: bold 12px Arial;
color:#333;
background: url("../contentbilder/social-bookmarks-button-facebook.jpg") 0 0 no-repeat;
text-decoration: none;
}

.footer-social-button3 a:hover { 
background-position: 0 -25px;
color: #049;
}

.footer-social-button4 {
margin-top:4px;
margin-bottom:8px;
}

.footer-social-button4 a {
width: 165px;
padding:4px 0px 4px 28px;
font: bold 12px Arial;
color:#333;
background: url("../contentbilder/social-bookmarks-button-werkenntwen.jpg") 0 0 no-repeat;
text-decoration: none;
}

.footer-social-button4 a:hover { 
background-position: 0 -25px;
color: #049;
}

.footer-social-button5 {
margin-top:4px;
margin-bottom:8px;
}

.footer-social-button5 a {
width: 165px;
padding:4px 30px 4px 28px;
font: bold 12px Arial;
color:#333;
background: url("../contentbilder/social-bookmarks-button-meinvz.jpg") 0 0 no-repeat;
text-decoration: none;
}

.footer-social-button5 a:hover { 
background-position: 0 -25px;
color: #049;
}

/************************************************** 
      Social-Zeile bei Unterseiten 
 **************************************************/
.social-unterseite-490 {
background-color: #F3F3F3;
border-top:1px solid #D4D4D4;
margin-top:15px;
padding-top:10px;
padding-bottom:10px;
}
 
/************************************************** 
      Extension-Styles 
 **************************************************/
.tx-gfmwetterNet-pi1 {}
.tx-gfmwetter-pi1 {}


/************************************************** 
      Kommentar-Vorschau 
 **************************************************/
.vorschau-kommentar490 .head2 {
font-style:italic;
font-size:12px;
font-weight:bold;
}

.vorschau-kommentar490 td {
font-size:10px;
vertical-align:top;
padding:4px;
}

.vorschau-kommentar490 p {
margin: 0px 0px;
padding:0px 0px;
}

.vorschau-kommentar490 .longtext {
margin-top:0px;
font-size:12px;
font-weight:normal;
height:30px;
overflow:hidden;
cursor:pointer;
}

.single-kommentar490 {
width:450px;
padding:10px;
border: 1px solid #000000;
background-color: #E4E4E4;	
}

.single-kommentar490 div.head2 {font-weight:bold;font-size:16px;}
.single-kommentar490 div#spincomments table {border:1px solid #cccccc;background-color:#ffffff;margin-bottom:15px;}
.single-kommentar490 div#spincomments td {padding:5px;}
.single-kommentar490 div#spincomments form {margin-bottom:15px;margin-top:10px;}
.single-kommentar490 div#spincomments textarea {width:446px;}
.single-kommentar490 span.head2 {font-weight:bold;font-style:italic;}