/* Style Sheet gradio
*  http://www.gradio.org/style/gradio.css
*/


/* Seiten-Hintergrund */
body { color:#000000; background-color:#ffffff; padding-top: 1%; padding-left:3%; font-size: 13px;  line-height: 130%; font-weight: normal; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; margin-left: 0px; margin-right: 0px; }


/* Menu */
div.menu { color: #000000; background-color: #bf1b21; margin: 0px; margin-top:3px; padding: 3px; line-height: 130%; font-size: 13px; vertical-align: bottom;}

/* Menu-Links */
a.menu { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 13px; font-weight: normal; line-height: 130%; }
a.menu:link { color: #ffffff; background-color: transparent; text-decoration: none; }
a.menu:active { color: #000000; background-color: transparent;  text-decoration: none; }
a.menu:visited { color: #9a9a9a;background-color: transparent;  text-decoration: none; }
a.menu:hover { color: #bf1b21; background-color: #ffffff; text-decoration: none;  }



/* Links */
a { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 13px; font-weight: normal; line-height: 130%; }
a:link { color: #bf1b21; background-color: transparent; text-decoration: underline; }
a:active { color: #000000; background-color: transparent;  text-decoration: none; }
a:visited { color: #9a9a9a;background-color: transparent;  text-decoration: none; }
a:hover { color: #ffffff; background-color: #bf1b21; text-decoration: none;  }

a.stream { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; line-height: 130%; color: #ffffff; background-color: #bf1b21;}
a.stream:hover { color: #bf1b21; background-color: #000000; text-decoration: none;  }



/* Text */
p,br { color: #000000; background-color: #ffffff; font-size: 13px;  line-height: 130%; font-weight: normal; font-family:  Helvetica, Arial, Verdana, Geneva, sans-serif; margin-left: 0px; margin-right: 0px; }


/* Hervorhebungen */
strong { color: #000000; background-color: transparent; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 13px; }


/* Ueberschriften */
h1,h2,h3,h4,h5,h6 { color: #000000; background-color: transparent; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-weight: bold; font-style: normal; text-align: justify; margin: 0px; line-height: 130%; margin-left: 0px; margin-right: 0px; }
h1 { font-size: 20px; line-height: 180%;}
h2 { font-size: 18px; line-height: 160%;}
h3 { font-size: 16px; line-height: 130%;}
h4 { font-size: 13px; line-height: 15px; }
h5 { font-size: 12px; line-height: 14px; }
h6 { font-size: 10px; line-height: 12px; }


/* Tabellen */
table { border:0px; text-align: left; vertical-align: top;  empty-cells:hide; font-size: 13px;  line-height: 130%; font-weight: normal; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; margin-left: 0px; margin-right: 0px; }


/* content div - table */
table.logo { border:0px; empty-cells:hide}
td.logo { text-align: center; vertical-align: top; width:36%;}
div.logo { text-align:left; vertical-align:top; width:36%; margin:0px; padding:0px;}

div.content { width:800px; text-align: left; vertical-align: top; padding-top:7px; margin:0px;}
table.content { border:0px; empty-cells:hide; width:777px; }
td.content { text-align: left; vertical-align: top; width:388px;}

table.stream { border:0px; empty-cells:hide; width:777px; }
td.stream { text-align: left; vertical-align: top; width:388px; white-space:nowrap;}

table.dates { border:0px; empty-cells:hide; width:388px; }
td.dates { text-align: center; vertical-align: top;}
div.dates { text-align: left; vertical-align: top; padding-top:13px; padding-bottom:1px; margin:0px; font-size: 16px;  font-weight: bold;line-height: 130%; }
div.dates2 { text-align: right; vertical-align: top; padding-top:13px; padding-bottom:1px; margin:0px; font-size: 16px;  font-weight: bold;line-height: 130%; }


div.nostream  { text-decoration:underline;}

span.stream  { color: #ffffff; background-color: #bf1b21; font-weight: normal; padding:1px; border:thin solid black; margin:0px;}
div.stream  { text-align:right; vertical-align:bottom; position:relative; top:0px;}




table.program { border:0px; empty-cells:hide; width:777px; }
td.program { text-align: left; vertical-align: top; width:333px;}

table.zeit { border:0px; empty-cells:hide; width:777px; }
td.zeit { white-space:nowrap; text-align: left; vertical-align: top; width:69px;}
td.tag  { white-space:nowrap; text-align: left; vertical-align: top; width:230px;}
td.tag1  { text-align: left; vertical-align: top; width:230px;}
td.tag2  { text-align: left; vertical-align: top; width:230px;}
td.tag3  { text-align: left; vertical-align: top; width:230px;}



td.spacer {width:42px; margin:0px; padding:0px;}

div.big { font-size: 23px; line-height: 200%; font-weight: bold;}


/*Bilder */
img  { border:0px; padding: 0px; margin: 0px; }