body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-image: url(http://helpv1.orf.at/images/bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}


h1	{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

h2	{
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

ul, ol	{
	font-size: 0.75em;
}

.txt	{
	font-size: 0.75em;
	font-weight: normal;
}

.bigtxt	{
	font-size: 0.8em;
	font-weight: normal;
}

.smalltxt	{
	font-size: 0.7em;
	font-weight: normal;
}

.seitentxt	{
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 3px;
}

a:link {
	text-decoration: none;
	color: #CF3000;
	background-color: transparent;
	
}

a:visited {
	text-decoration: none;
	color: #CF3000;
	background-color: transparent;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

a.green:link {
	text-decoration: none;
	color: #659A65;
	background-color: transparent;	
}

a.green:visited {
	text-decoration: none;
	color: #659A65;
	background-color: transparent;
}

a.green:hover {
	text-decoration: underline;
}

a.green:active {
	text-decoration: underline;
}

a.black:link {
	text-decoration: none;
	color: #000000;
	background-color: transparent;	
}

a.black:visited {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

a.black:hover {
	text-decoration: underline;
}

a.black:active {
	text-decoration: underline;
}



/* ========== Allgemeines ========== */

img {
	border: 0px none;
}

#search {
	position: absolute;
	left: 502px;
	top: 62px;
	z-index: 10;
	width: 150px;
}

.searchfield {
	width: 80px;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	background-color: #F0F0F0;
}

.ruler {
	margin: 0.7em 0 0.7em 10px;
	color: #D3E3D3;
}

#orf {
	width: 100%;
	background-color: #D3E3D3;
}

#orf table {
	margin-left: 150px;
	width: 490px;
}



/* ========== Allg. Layoutpositionierungen ========== */
#logo {
	position: absolute;
	left: 50px;
	top: 0px;
	z-index: 10;
	height: 60px;
	width: 180px;
}

#datum {
	position: absolute;
	left: 0px;
	top: 30px;
	z-index: 10;
	height: auto;
	width: 480px;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

#ak {
	position: absolute;
	left: 610px;
	top: 0px;
	z-index: 2;
	height: 60px;
	width: 30px;
}

#topnav {
	position: absolute;
	left: 170px;
	top: 60px;
	z-index: 10;
	height: 25px;
	width: 470px;
}

#navright {
	position: absolute;
	left: 500px;
	top: 100px;
	z-index: 2;
	height: auto;
	width: 140px;
	text-align: right;
}


/* ========== Startseite ========== */

#startliste {
	padding: 100px 0 20px 20px;
	z-index: 2;
	height: auto;
	width: 480px;
}

#topteaser {
	height: auto;
	width: 460px;
	border: 1px solid #D3E3D3;
}

.topteasertxt1 {
	font-size: 0.8em;
	font-weight: bold;
	color: #CF3000;
	margin: 0.7em 5px 0 10px;
  text-transform: uppercase;
}

.topteasertxt2 {
	font-size: 0.8em;
	font-weight: bold;
	color: #659A65;
	margin: 0 5px 0 10px;
  text-transform: uppercase;
}

.topteasertxt3 {
	font-size: 0.75em;
	font-weight: normal;
	color: #000000;
	margin: 0 5px 0 10px;
}

#subteaser {
	margin: 0.8em 0 0 0;
}

.subteasertxt {
	font-size: 0.75em;
	font-weight: normal;
	color: #000000;
	margin: 0.7em 0 0.7em 0;
  /*text-transform: uppercase;*/
}

#startteaser {
	height: auto;
	width: 460px;
	margin: 2.1em 0 0 0;
}

.teasertxt1 {
	font-size: 0.75em;
	font-weight: bold;
	color: #CF3000;
	margin: 0 0 0 10px;
  /*text-transform: uppercase;*/
}

.teasertxt2 {
	font-size: 0.75em;
	font-weight: normal;
	color: #659A65;
	margin: 0 0 0 10px;
}

.teasertxt3 {
	font-size: 0.75em;
	font-weight: normal;
	color: #000000;
	margin: 0 0 0 10px;
}

.tvradio {
	margin: 1.4em 0 -0.3em 0;
}

.applikation {
	margin: 2.4em 0 0 0;
}

.banner {
	margin: 1em 0 0 0;
}


/* ========== Listenansicht ========== */
#liste {
	padding: 120px 0 20px 20px;
	z-index: 2;
	height: auto;
	width: 480px;
}

#line {
	position: absolute;
	left: 20px;
	top: 100px;
	z-index: 3;
	width: 460px;
	border-top: 1px solid #D3E3D3;
}

#kapitel {
	position: absolute;
	left: 70px;
	top: 94px;
	z-index: 4;
	height: auto;
	width: 410px;
}

.seitentable {
	margin: 0 0 0 150px;
}



/* ========== Story ========== */
#story {
	padding: 115px 0 10px 20px;
	z-index: 2;
	height: auto;
	width: 480px;
}

.storytxt1 {
	font-size: 0.9em;
	font-weight: bold;
	color: #CF3000;
	margin: 0 5px 0.7em 0;
  /*text-transform: uppercase;*/
}

.storytxt2 {
	font-size: 0.75em;
	font-weight: bold;
	color: #000000;
	margin: 0 5px 0.7em 10px;
}

.storytxt3 {
	font-size: 0.75em;
	font-weight: normal;
	color: #000000;
	margin: 0 5px 0.7em 10px;
}

.storytxt4 {
	font-size: 0.75em;
	font-weight: bold;
	color: #000000;
	margin: 0 5px 0 10px;
}

.storytxt5 {
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	margin: 0 5px 0.7em 10px;
  /*text-transform: uppercase;*/
}

.storysmalltxt	{
	font-size: 0.7em;
	font-weight: normal;
	text-align: right;
}

.storydatum	{
	font-size: 0.7em;
	color:#669966;
	font-weight: normal;
	text-align: right;
	margin-top: 0.3em;
}

.storytable1 {
	margin: 0 0 1em 0;
}

.storycell1 {
	padding: 0 10px 0 0;
}

.storycell2 {
	padding: 7px 0 0 0;
	border: 1px solid #D3E3D3;
}

.storycell3 {
	padding: 0 0 0 10px;
}

.storycell4 {
	margin: 7px 5px 0px 10px; 
	font-size: 0.75em;
	font-weight: normal;
	color: #000000;
	
}

.storycell4 ul, ol	{
	font-size: 1em;
}

.rahmen { 
	border: 1px solid #D3E3D3;
    padding: 0 0 0.6em 0;
}

.rahmen2 { 
	border: 1px solid #CC0000;
	background-color: #E1F9D4;
    padding: 0 0 0.6em 0;
}

.linkcell {
	width: 310px;
	margin: 0 0 1em 150px;
	padding: 7px 0 0 0;
	border: 1px solid #D3E3D3;
}

.teaserpic {
	margin: 4px 0 0 0;
}

.storypic {
	margin: 3px 5px 5px 0;
	float: left;
}

.storypicbig {
	margin: 0 0 0 10px;
}