/*stylesheet fuer HRuTV.de */
/*by ts 2007*/

html, body	{
		font: 11px/1.2em Trebuchet MS, sans-serif; color: #000;
		padding:0; margin:8px 0px 0px 8px;
                 background-color: #fff;
                 width: 975px;
                 }


/* --- general styles, position --- */


#header          {
                 background: url(css_img/header2.gif) no-repeat; position: relative; height: 75px;
                 }

#gesamt		{
                 background-color: #fff; height: 52em;
                 }

/* Navigation ------------------------------ */

#navigation      {
                 font: 12px/1.3em Trebuchet MS, sans-serif; color: #fff;
                 /* background-color: #4888C8; */
                 background: url(css_img/navi.jpg) no-repeat;
                 position: relative; float: left;
                 width: 156px;
                 height: 474px;
                 }

#navigation a	{
                 font: 12px/1.3em Trebuchet MS, sans-serif; color: #fff;
                 text-decoration: none; font-weight: bold;
                 display: block;
		}


#navigation a.aktiv	{
                 	font: 12px/1.3em Trebuchet MS, sans-serif; color: #444;
                 	text-decoration: none; font-weight: bold;
                         }

#navigation a.sub
		{
                 font: 11px/1.2em Trebuchet MS, sans-serif; color: #fff;
                 text-decoration: none; padding: 0px 0px 0px 8px;
		}


#navigation a.sub-aktiv
		{
                 font: 11px/1.2em Trebuchet MS, sans-serif; color: #444;
                 text-decoration: none; padding: 0px 0px 0px 8px;
		}

#navigation ul 	{
                 margin: 0px 0px 0px 0px;
                 padding: 0px;
                 width: 12em;
                 list-style-type: none;
                 list-style-position: inside;
                 background-color: #8BB3DC;
                 float: right;
		}

#navigation ul li	{
                 	margin: 0; padding: 5px 4px 5px 5px;
                         list-style-type: none;
			}

#navigation ul li:hover	{
                         margin: 0; padding: 5px 4px 5px 5px;
                         list-style-type: none; background-color: #06c;
			}


/* News ------------------------------------- */

#news            {
                 font: 11px/1.2em Trebuchet MS, sans-serif; color: #000;
                 background-color: #EFEFEF;
                 /*background: url(css_img/news.jpg) no-repeat;*/
                 position: relative; float: right;
                 width: 143px; height: 462px;
                 padding: 8px 22px 0px 10px;
                 }

#news h1         {
                 font: 12px/1.2em Trebuchet MS, sans-serif; color: #06c;
                 font-weight: bold;
                 }
		
#news a		{
			font: 11px/1.2em Trebuchet MS, sans-serif; color: #06c;
			text-decoration: none;
			}

#news p.datum	{
				font: 10px/1.2em Trebuchet MS, sans-serif; color: #4d4d4d;
				padding: 0px;
				margin: 0px;
				}


/* Inhalt ----------------------------------- */

#inhalt         {
                 position: relative; float: left;
                 width: 604px; height: 452px;
                 padding: 9px 20px 9px 20px; margin: 0px 0px 0px 0px;
                 background-color: #fff; overflow: auto;
                 }

#inhalt a	{
                 font: 11px/1.2em Trebuchet MS, sans-serif; color: #06c;
                 text-decoration: none;
		}

#inhalt img	{
                 float: left; padding: 5px 10px 5px 5px; clear: both;
                 }

#inhalt img.gallery	{
                         padding: 0px;
                         }

#inhalt h1	{
                 font: 14px/1.1em Trebuchet MS, sans-serif; color: #06c;
                 font-weight: bold; padding: 4px 0px 0px 0px;
                 }

#inhalt h2	{
                 font: 13px/1.1em Trebuchet MS, sans-serif; color: #666;
                 font-weight: bold; padding: 4px 0px 0px 0px;
                 }

#inhalt h3	{
                 font: 18px/1.1em Trebuchet MS, sans-serif; color: #06c;
                 font-weight: bold; padding: 4px 0px 0px 0px;
                 }

#inhalt p.rot	{
				font: font: 11px/1.2em Trebuchet MS, sans-serif; color: #E00E0E;
				padding: 0px; margin: 0px;
				}


/* Inhalt Bildboxen --------------------------- */

#bildbox		{
                 float: left; margin-bottom: 12px; margin-top: 5px;
				 width: 570px;
                 }

#bildbox img	{
                 padding: 0; margin: 5px 10px 5px 0px; clear: none;
                 }


/* Inhalt Listen ------------------------------ */


#inhalt ul	{
                 list-style-type: none; margin: 15px 0px 15px 0px;
                 }


#inhalt li	{
                 list-style-type: none; padding: 1px 3px 1px 3px; width: 145px;
                 }



/* Bereich im Inhalt ------------ */

#pos 	{
         float: left; margin: 2px 44px 4px 0px; padding: 0px;
         width: 215px; height: 110px;
         }

#pos.rechts	{
                 padding: 0px 0px 0px 44px;
                 height: 760px;
		}

#pos ul	{
         margin: 0px;  padding: 0px; width: 215px;
	}

#pos li	{
         width: 210px;
         }

#pos li.kopf	{
                 font-weight: bold;
                 background-color: #a8cbee;
            }

#highlight	{
				margin-top: 12px;
				padding: 7px 5px 7px 5px;
				/** background-color: #FFEED8; **/
			}
#highlight p.orange	{
					font: font: 11px/1.2em Trebuchet MS, sans-serif; color: #ff6600;
					padding: 0px; margin: 0px; 
					}


/* Tabellen ------------------------------- */


#tabelle		{
                 font: 10px/1.0em Trebuchet MS, sans-serif; color: #666;
                 margin: 2em 0em 3em 0em;
                 width: 500px; left: 320px;
                 }

#tabelle h2	{
                 font: 10px/1.0em Trebuchet MS, sans-serif; color: #666;
                 font-weight: bold;
                 }


#tabelle table		{
                 	vertical-align:top;
                    padding: 0px;
                    table-layout: fixed;
                    }



#tabelle table tr.blau	     {
                              background-color: #C4DBF2;
                              }


#tabelle table td	{
                         margin: 0px; padding: 4px 4px 4px 4px;
                         }


#tabelle table td.gross		{
                                 width: 130px;
                                 text-decoration: none;
                			}

#tabelle table td.links		{
                                 width: 260px;
                                 text-decoration: none;
                			}


#tabelle table td.titel		{
                                 width: 130px;
                                 font-weight: bold;
                			}


#tabelle table td.klein		{
                                 width: 30px;
                                 text-decoration: none;
                			}


#tabelle table td a	{
                         font: 10px/1.0em Trebuchet MS, sans-serif; color: #06c;
                         text-decoration: none;
                		}


/* Footer ------------------------------------ */

#footer		{
		clear: both;
		font: 10px/1.1em Trebuchet MS, sans-serif; color: #fff;
		float: bottom;
		height: 10px;
		padding: 5px 4px 5px 333px; margin: 0px 0px 0px 0px;
		background: url(css_img/footer.gif) no-repeat;
		}


/* --- Borders fuer alle Divs --- */

#navigation ul li.border
{
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#navigation ul li.noborder
{
border-right: 1px solid #fff;
}

#tabelle table td
{
border-spacing: 0px;
}

#inhalt
{
border-bottom: 4px solid #8BB3DC;
}

#news
{
border-bottom: 4px solid #8BB3DC;
}

#news img
{
border: 1px solid #fff;
}

#inhalt li
{
border-bottom: 1px solid #ccc;
}

/* #pos
{
border: 2px solid #a8cbee;
}       */

#pos.rechts
{
border-left: 1px solid #ccc;
}

#pos ul
{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#bildbox img
{
border: 1px solid #ccc;
}

#highlight
{
border: 1px dashed #ccc;
}