/*

Rheinberg TV - Haupt-Stylesheet
Autor: Carsten Peters, Ulrich Weber
Version: 20.03.2009

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font: 62.5%/1.86em Arial, Helvetica, sans-serif; color: #000; background: #fff url(../upload/css_img/bg_body.gif) repeat-y 50%; margin: 10px 0 0 0; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; outline: none; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

		
/* paragraphs 
---------------------------------------------------------------------------*/

p, pre { margin: 0 0 10px 0; }
em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }


/* misc 
---------------------------------------------------------------------------*/

abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }


/* Skiplinks */
#skip { margin: 0; }
#skip1 a,
#skip2 a { color: #000; position: absolute; z-index: 2; width: 11em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #000; background: #eee; top: 25px; left: 270px; }

.none { display: none; }
.clear { clear: both; height: 0; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { font: 1.2em Arial, Helvetica, sans-serif; font-weight: bold; }
h2 { margin: 20px 0; }
h3 { font-size: 1.2em; margin: 20px 0 0px 0; }
h4 { font-size: 1.1em; margin: 20px 0 0px 0; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }


/* container 
---------------------------------------------------------------------------*/

#container { width: 955px; margin: 0 auto; font-size: 1.2em; background: #fff url(../upload/css_img/bg_container.gif) repeat-y 50%; }
#wrapper { float: left; width: 100% }
#header { position: relative; }
#content {
	margin: 0 120px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#extra {
	float: left;
	width: 120px;
	margin-left: -120px;
	margin-top: 10px;
}
#navigation { float: left; width: 120px; margin-left: -955px; }
#footer { clear: both; width: 100%; }


/* header 
---------------------------------------------------------------------------*/

#header { height: 120px; background: #fff; }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { float: left; text-indent: -9999px; display: block; background: url(../upload/css_img/logo.gif) no-repeat; height: 120px; width: 120px; }	
	
#header #portfolio { float: left; margin: 0 0 0 10px; height: 120px; overflow: hidden; }
#header #hot { float: right; height: 120px; width: 120px; overflow: hidden; }							


/* content 
---------------------------------------------------------------------------*/
#content .termine h3 {
	font-size: 1em;
	border-bottom: none;
	margin: 5px 0;
	}
#content a,
#content a:link,
#content a:visited {
	color: #000;
	text-decoration: none;
}
#content a:hover,
#content a:active,
#content a:focus {
	color: #006633;
	text-decoration: none;
	border-bottom-color: #006633;
}
#content img { }
#content img.image_rechts { float: right; display: inline; margin: 5px 0 5px 10px; }
#content img.image_links { float: left; display: inline; margin: 5px 10px 5px 0; }
#content ul { padding: 0 0 10px 8px; }
#content ol { padding: 0 0 10px 16px; }
#content ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/li_dot.gif) no-repeat 0 9px; }
#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }

#content .aktuell h3 { font-size: 1.25em; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; background: #7ac142; }
#content .aktuell h3 a { height: 20px; line-height: 20px; color: #fff; border: none; padding: 5px; }
#content .aktuell img { float: left; display: inline; margin: 0 10px 5px 0; }

#content table { border: none; margin: 10px 0; width: 100%; border-collapse: collapse; }
#content table th { font-weight: normal; text-align: left; }
#content table th,
#content table td {
	color: #000000;
	vertical-align: top;
	line-height: 16px;
	border-left: 2;
}


/* navi 
---------------------------------------------------------------------------*/

#navigation ul { padding: 10px 0 0 0; background: #fff; }
#navigation ul li { margin: 0; }
	#navigation ul li a { color: #7ac142; background: #000;	display: block;	padding: 2px 0 2px 10px; border-bottom: 4px solid #fff;	font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: normal; }
	#navigation li a:hover,
	#navigation li a:focus,
	#navigation li a:active,
	#navigation li a.current { color: #fff; }
		#navigation ul ul {  }
			#navigation ul ul li { background: none; }
				#navigation ul ul li a { font-size: 0.89em; padding: 1px 0 3px 10px; font-weight: normal; }

/* extra 
---------------------------------------------------------------------------*/


/* footer 
---------------------------------------------------------------------------*/

#footer { clear: both; position: relative; text-align: center; }