body { margin:0; padding:0; background-image:url(../images/hg2.jpg); background-position:0px 24px;}
#hintergrund { width:100%; height:420px; background-image:url(../images/hg1.jpg);}
#headermenuebox { position:absolute; top:0px; left:50%; width:1004px; height:30px; margin-left:-502px; background-image:url(../images/lernsender_r1_c1.jpg);}
#logobox { position:absolute; top:30px; left:50%; width:1004px; height:90px; margin-left:-502px; background-image:url(../images/lernsender_r2_c1.jpg);}
#logobox a:hover {background-color: transparent;}
#logobox img { margin-left: 15px; margin-top: -20px; }
#hauptmenuebox { position:absolute; top:120px; left:50%; width:1004px; height:40px; margin-left:-502px; background-color:#FFFFFF;}

/* Menü ganz oben rechts */
/* ###################################################### */
#headermenuestyle {text-align:right; margin-top:5px;}
#headermenuestyle a:link, a:active {color: #000000;}
#headermenuestyle a:hover {background-color:#c9cacc;}
#headermenuestyle a:visited {color:#000000;}
/* ###################################################### */

/* Untermenü */
/* ###################################################### */
/* Grundzustand (für Unterkategorien die nicht unter einer der 5 Hauptkategorien liegen, z.B. Unterkategorie von kontakt) */
#untermenuestyle1 {text-align:left; display: inline; margin-left:10px; margin-top:1px; font-size:15px;}
#untermenuestyle1 a:link, a:active ,a:visited {color: #000000;}
#untermenuestyle1 a:hover {background-color:#c9cacc;}
#untermenuestyle1 a:visited {color: #000000;}

/* das projekt */
#untermenuestyle2 {text-align:left; display: inline; margin-left:10px; margin-top:1px; font-size:15px;}
#untermenuestyle2 a:link, a:active ,a:visited {color: #DEAE00;}
#untermenuestyle2 a:hover {background-color:#FFF9C5;}
#untermenuestyle2 a:visited {color: #DEAE00;}

/* austauschen */
#untermenuestyle3 {text-align:left; display: inline; margin-left:10px; margin-top:1px; font-size:15px;}
#untermenuestyle3 a:link, a:active ,a:visited {color: #A9B000;}
#untermenuestyle3 a:hover {background-color:#EEF0B9;}
#untermenuestyle3 a:visited {color: #A9B000;}

/* professionalisieren */
#untermenuestyle4 {text-align:left; display: inline; margin-left:10px; margin-top:1px; font-size:15px;}
#untermenuestyle4 a:link, a:active ,a:visited {color: #41A62A;}
#untermenuestyle4 a:hover {background-color:#E0E8A9;}
#untermenuestyle4 a:visited {color: #41A62A;}

/* experimentieren */
#untermenuestyle5 {text-align:left; display: inline; margin-left:10px; margin-top:1px; font-size:15px;}
#untermenuestyle5 a:link, a:active ,a:visited {color: #CE061E;}
#untermenuestyle5 a:hover {background-color:#FBDCD4;}
#untermenuestyle5 a:visited {color: #CE061E;}

/* mitmachen */
#untermenuestyle6 {text-align:left; display: inline; margin-left:10px; margin-top:1px; font-size:15px;}
#untermenuestyle6 a:link, a:active ,a:visited {color: #0085BD;}
#untermenuestyle6 a:hover {background-color:#D6E8F2;}
#untermenuestyle6 a:visited {color: #0085BD;}
/* ###################################################### */

#boxoben { width:1004px; height:auto;}
#boxlinks { float:left; display: inline; width:792px; height:auto;}
#boxrechts { float:left; display: inline; width:212px; height:auto;}
#boxunten { clear:both; width:1004px; height:auto; padding-top:100px;}

/* Den Teil habe ich größtenteils so aus der alten CSS Datei übernommen */
html, body, div, p, td, input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    color:#303030;
    font-size:12px;
}
a:link, a:active, a:visited { color: #F29400; }
a:hover { background-color:#FDE2BA; }
a:visited { color: #F29400; }

h1 { font-size:16px; font-weight:bold; color: #000000; }
h3 { font-size:14px; font-weight:bold; color: #000000; }

/* ###################################################### */
/* ####################### ARTIKELLISTE  ###########'#### */
/* ###################################################### */

.teaserliste { margin-left: 20px; width: 170px; }
.teaserliste .datum { margin: 0px; color: #FFA500; }
.teaserliste .headline { font-size: 14px; font-weight: bold; margin: 5px 0px 5px; }

#partner { font-size: 10px; color: #BBBBBB; width: 654px; margin: 0 auto; padding: 0;}
#partner li { list-style: none; margin: 10px; padding: 0; float: left; display: inline; }
#partner img { border: 0; }

/* ###################################################### */
/* ####################### Slider        ################ */
/* ###################################################### */

#leftControl { float: left; display: inline; width: 30px; text-align: center; display: block; height: 90px; background-image: url(../images/player_symbol_links.jpg); background-repeat: no-repeat; }
#leftClicker { width: 30px; height: 90px; }
#rightControl { float: left; display: inline; width: 30px; text-align: center; display: block; height: 90px; background-image: url(../images/player_symbol.jpg); background-repeat: no-repeat; }
#rightClicker { width: 30px; height: 90px; }
#outerScroller { float: left; display: inline; width: 680px; overflow: hidden; height: 90px; display: block; position:relative; }
#innerScroller { width: 5992px; height: 90px; position: relative; text-align: center; background-color: white; text-decoration: none; }
#innerScroller div { float:left; width: 160px; background-color: white; font-size: 10px; border: none; text-decoration: none; margin: 0 5px; }
#innerScroller a { text-decoration: none; }       
#innerScroller img { border: none; }
.previewpicture { min-height:130px; }

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm { font-size:11px; }
#contactForm .contactRow { margin:4px 0; }
#contactForm label { display:block; float:left; display: inline; width:80px; }
#contactForm .contactRow input, #contactForm .contactRow textarea { border:1px solid #ccc; width:346px; }
#contactForm .contactRow select { border:1px solid #ccc; width:172px; }
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea { width:343px; }
#contactForm .contactRow input { height:14px; }
#contactForm .contactRow textarea { height:105px; font-size:10px; }
#contactFormSubmit #contactFormSubmitLeft { float:left; display: inline; margin:0 0 0 80px; width:174px; }
* html #contactFormSubmit #contactFormSubmitLeft { margin:0 0 0 26px; }
#contactFormSubmit #contactFormSubmitRight { float:right; width:174px; }
#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input { background-color:#fff; border:0; color:#0060b1; padding:0 20px 0 0; background-image:url(../images/link_pfeil.gif); 
   background-repeat:no-repeat; background-position:right 4px; font-size:10px; width:auto; height:auto; float:right; margin:0; }
#contactFormSubmit #contactFormSubmitLeft input { background-image:none; padding:0; float:left; display: inline; }
#contactForm table { width:100%;border-collapse:collapse; }
#contactForm table td { padding:0; }
#contactForm table td.pt { padding-top:2px; }
* html #contactForm table td.pt { padding-top:0; }

.headerlink img { border: 0px; }
.headerlink a:hover {background-color: transparent;}

/* Teamliste */
/* ###################################################### */
.teamliste { margin-left: 22px; width: 170px; }
.teamliste p  {text-align: center; }
.teamliste img { border: 0px; }
.teamliste a { color: black; text-decoration: none; }

/* Aktuelles Liste */
/* ###################################################### */
#aktuelles_artikelliste { margin-left: 20px; }
#aktuelles_artikelliste .headline { font-size: 125%; font-weight: bold }
#aktuelles_artikelliste img {width: 50px;}

.sendung0 { background-color:#eeeeee; padding: 10px;}
.sendungStartzeit0 {float:left; margin-right: 5px;}
.sendungKB0 {margin-left: 0px; font-size: 80%;}
.sendungLB0 {margin-left: 55px; font-size: 80%;}
.sendung0 img {border: 0px; vertical-align: top;}

.sendung1 { background-color: #cccccc; padding: 10px; margin-top: 1px;}
.sendungStartzeit1 {float:left; margin-right: 5px;}
.sendungKB1 {margin-left: 0px; font-size: 80%;}
.sendungLB1 {margin-left: 55px; font-size: 80%;}
.sendung1 img {border: 0px; vertical-align: top;}

#prog_vorschau_index { border-style: dashed; border-width: 1px; padding: 5px 0px 5px 5px; float: left; width: 125px; margin-right: 5px; margin-top: 15px; }
#prog_vorschau_index ul { list-style: none;  margin: 0; padding: 0; }
#prog_vorschau_index li {margin-bottom: 5px; }


/* Livestream */
/* ###################################################### */

#titel {font-weight: bold; font-size: 105%; text-align:bottom;}
#beschreibung {font-size: 90%; text-align: bottom; margin-top: 5px;}
#volume { position: absolute; top: 190px; left: 748px; vertical-align: center; text-align: center; background-image: url(../images/volume_bkgrd.gif); background-repeat: no-repeat; height: 150px; width: 10px; }
#knob { height: 5px; width: 10px; background: #000;}
#spinner { top: 180px; left: 0px; width: 32px; height: 32px; background-image: url(../images/spinner.gif); background-repeat: no-repeat;}
#control { position: absolute; top: 350px; left: 740px; vertical-align: center; text-align: center; }

/* Karrussel */
/* ###################################################### */

#videoKarussell .caption { font-size: 115%; margin-top: -3px; }
#videoKarussell .loading { border-color:#333; }
#videoKarussell .loading_bar { background:#333; }
#videoKarussell .teaser { font-size: 80%; width: 60%; margin-left: auto; margin-right: auto; }

.tab-wrapper
{
    padding:                1em 1.5em;
    margin:                 0;
    border:                 1px solid #eee;
    clear:                  both;
}
.tab-menu
{
    margin:                 0;
    padding:                0;
    list-style:             none;
    overflow:               auto;
}
.tab-menu li
{
    margin:                 0;
    padding:                0;
    float:                  left;
    line-height:            2em;
}
.tab-menu li a
{
    padding:                0 .5em;
    font-weight:            bold;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
    /* your effect here */
}
.tab-menu li.tab-selected a
{
    text-decoration:        none;
    color:                  inherit;
    /* your effect here */
}

.ratebox {
  padding-top: 20px;
}

.rate {
  position: realtive;
  padding: 20px;
  width:  40px!important;
    height: 40px!important;
    margin: 0!important;
    background: url("../images/star_.gif") 0 0 no-repeat;
}

.rated {
  position: realtive;
  padding: 20px;
  width:  40px!important;
    height: 40px!important;
    margin: 0!important;
    background: url("../images/star.gif") 0 0 no-repeat;
}