body, p, li, td, th, input, button, select, textarea {
	font-family: arial, helvetica, sans-serif; 
}

body {
	background-color: white; 
	color: black;
	margin: 0;
	padding: 0;
}

body, td, th, input, button, select, textarea {
	font-size: 15px; 
}

#main {
	background-color: #FFF7DE; 
	border: 2px black solid;
}

#content {
	clear: both;
	margin: 15px 15px 30px 15px;
	padding: 0px;
}

.bodyclip {
	background-color: #FFF7DE; 
}

.mainclip {
	padding: 0 20px 20px 20px;
}

.mainmeldung {
	margin: 50px 10px 50px 10px;
	text-align: center;
}

#content {
	margin:  15px 15px 30px 15px;
	padding: 0px;
}

code { 
	font-family: 'Courier New',Courier; 
	font-weight: bold;
	font-size: 15px; 
	color: #a000a0;
}

tt { 
	margin-left: -15px;
	font-family: 'Courier New',Courier; 
	font-weight: bold;
	font-size: 15px; 
	color: #a000a0;
}

pre {
	margin: 10px;
	padding:10px;
	border: 1px black solid;
	background-color: #eeeeee;
	font-family: 'Courier New',Courier; 
	font-size: 12px
}

.menu {
	background-color: white;  
	border-bottom: 2px black solid; 
	border-top: 2px black solid;
	padding: 4px;
	text-align: center;
}

.meldung {
	background-color: #FFCE00;  
	border-bottom: 2px black solid; 
	padding: 5px;
	color: black;
	text-align: center;
}

.menu_sitemap {
	width: 22px; 
	float: right;
}

ul.menu_list {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	font-size: 17px;
}

li.menu_item {
	display: inline; 
	margin: 0 8px; 
	padding: 0;
}

li.menu_item img {
	vertical-align: middle; 
	margin-right: 4px;
}

img.info {
	margin-right: 10px; 
	vertical-align: middle;
}

.status {
	background-color: white;  
	border-top: 2px black solid;
	padding: 5px 15px 5px 15px; 
}

.balken {
	border: 2px #ff00ff outset; 
	background-color: #ff00ff; 
	height: 8px;
	overflow: hidden;
}

.clipLine {
	padding:1px 5px 1px 20px;
}

.dialogbox {
	margin: 5px; 
	background-color: white; 
}

.dialogframebox {
	margin-top: 5px; 
	border: 2px black solid;
	background-color: white; 
	z-index: 3; 
}

.videoframebox {
	margin-top: 5px; 
	border: 2px black solid;
	background-color: black; 
	z-index: 3; 
}
.loadbox {
	position:absolute; 
	left:210px; 
	top:80px; 
	border:2px black solid; 
	z-index:2;
	padding:5px;
	background-color:white;
	visibility:hidden;
}

.sprecher {
	text-indent: -20px; 
	margin-left: 20px;
	padding: 1px 0 2px 0;
}

.sprecherkalk {
	color: #d900d9;
}

.kommentarblock {
	color: #856B01;
	font-style: italic; 
	margin: 5px 0;
}

.kommentar {
	color: #856B01; 
	font-style: italic; 
	font-weight: normal;
}

.dialogline {
	width: 100px; 
	color: black;
	background-color: black; 
	height: 2px;
	text-align: center;
	border: none;
	margin: 10px;
}

.sendungline {
	color: black;
	background-color: black; 
	height: 2px;
	text-align: center;
	border: none;
	padding: 0;
	margin: 0;
}

td.l1 {
	font-weight: bold;
	text-align: right;
	width: 50%;
	vertical-align:top; 
}

td.l2 {
	text-align: left;
	width: 50%;
	vertical-align:top; 
}

h3.h3text {
	text-align: center;
	margin: 30px 0 15px 0;
	clear: both;
}

div.crew {
	text-align: center;
	margin:0 0 1em 0;
}

div.crew h4 {
	margin: 0;
}

td.crew {
	border-left:  1px #c7c1ad solid; 
	border-right: 1px #c7c1ad solid;
}

h3.top {
	text-align: center;
	margin: 10px 0 15px 0;
}

.smallclippic {
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 2px black solid;
	background-color: #B2B2B2;
}

.bigpicwinstyle {
	visibility: hidden; 
	position: absolute; 
	background-color: black; 
	color: white; 
	text-align: center;
	top: 20px; 
	right: 20px; 
	z-index: 10; 
	border: 5px black solid;
}

.tv_control_small {
	text-align: center; 
	background-image: url(images/clips/tv_control_small.jpg); 
	background-repeat: repeat-y;
}

.infowinbox {
	visibility: hidden; 
	position: absolute; 
	background-color: white; 
	margin-top: 5px;
	padding: 0px;
	z-index: 5; 
	border: 2px black solid;
	width: 400px;
}

.hilfwinbox {
	visibility: hidden; 
	position: absolute; 
	background-color: white; 
	margin-top: 5px;
	padding: 0px;
	border: 2px black solid;
}

.infowinarea {
	position: relative; 
	z-index: 5;
}

.infowincontent {
	padding: 5px;
	color: black; 
	text-align: left;
}

.infowinclose {
	padding: 2px;
	background-color: #FFCE00;
	color: black;
	text-align: center;
	font-size: 10px;
}

.infotd {
	padding-left: 30px;
}

.clipinfowinbox {
	background-color: white; 
	margin: 2px 0 2px 10px;
	padding: 4px 8px 4px 8px;
	border: 1px black solid;
}

.clipinfo {
	text-indent: -15px;
	margin: 0 0 2px 15px;
}

.taginfo {
	margin-left: 30px;
}

.tagthema {	
	margin-top: 5px;
}

.tagbox {
	margin: 10px 0 30px 0;
	border: 1px black solid;
}

.taghead {
	padding: 6px; 
	border-bottom: 1px black solid;
	background-color: #eeeeee;
}

.tagbody {
	padding: 6px; 
}

.news {
	text-align: left;
}

.newscontent {
	border-top: 1px black solid;
	padding-top: 8px;
}

.newskeule {
	text-align: center;
	margin-top: 10px;
}

.dank {
	text-indent: -20px; 
	margin: 10px 0 10px 20px;
}

table.entwicklung {
	text-align:left;
}

table.entwicklung th {
	text-align:center;
	font-weight:bold;
	padding:4px;
}

table.entwicklung td.staffel {
	border: 1px black solid;
	background-color:#ffce00;
	font-weight:bold;
	padding:4px;
	width:20px;
	text-align:center;
	overflow:hidden;
}

table.entwicklung td.sendung {
	vertical-align:middle;
	background-color:#e7e0c9;
}

table.entwicklung td.sendung div {
	margin:4px;
	width:80px;
	overflow:hidden;
}

table.entwicklung td.clip {
	vertical-align:top;
	background-color:#e7e0c9;
}

table.entwicklung td.clip div {
	border: 1px black solid;
	background-color:white;
	padding:3px;
	margin:4px;
	width:250px;
	font-size:0.7em;
}

table.entwicklung div.leer {
	height:4px;
	overflow:hidden;
}



.stattable {
	border: 2px black solid;
	border-collapse: collapse;
}

table.stattable th {
	background-color: #FFCE00;
	font-weight: bold;
	text-align:left;
	border-bottom: 1px black solid;
}

table.stattable td {
	background-color: white;
	border-bottom: 1px black solid;
}

.statbalken {
	background-color: #ff00ff; 
	border: 2px #ff00ff outset; 
	font-size: 8px;
	height: 8px; 
	margin-right: 20px
}

table.quartet {
	width: 234px;
	border: 2px black solid;
}

td.qeintrag {
	padding:3px 5px;
}

tr.qwhite {
	background-color:white;
}

tr.qyellow {
	background-color: #ffeea4;
}

tr.qmark {
	background-color: #ffa3ff;
}

tr.qwin {
	background-color: #73ff73;
}

tr.qlose {
	background-color: #ff9393;
}

td.qgruppeid {
	background-color: #ffce00;
}

div.qgruppeid {
	font-size: 20px;
	font-weight:bold;
}

div.qgruppename {
	font-size: 15px;
	font-weight:bold;
	text-align:right;
}

table.quartet td {
	font-size:12px;
}

div.qinfotext {

	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.pro7 {
	font-weight: bold;
	color: #E0004A;
}

.tele5 {
	font-weight: bold;
	color: #000000;
}

.ard {
	font-weight: bold;
	color: #0064AC;
}

.prem {
	font-weight: bold;
	color: black;
}

.premp {
	font-size: 0.75em;
}

.ffn {
	font-weight: bold;
	color: black;
}

.ffnbox {
	background-color: white;
	border: 1px black solid;
}

.reiter {

	border-left: 1px black solid;
	border-top   : 1px black solid;
	border-right: 1px black solid;
	padding: 3px;
	margin:0 5px;
}

input.clip {
	padding: 2px;
	margin: 0;
	border: 1px solid black;
}

textarea.clip {
	padding: 2px;
	margin: 0;
	border: 1px solid black;
}

.clipvkmarkiert {

	cursor: pointer;
	margin: 3px 1px;	
	border: 2px red solid;
	padding: 1px;
	background-color: white;
}

.clipvkdemarkiert {

	cursor: pointer;
	margin: 3px 1px;	
	padding: 3px;
}


.statist {
	color:#827e71;
	font-style:italic;
}

h2.news {
	text-align: left; 
	margin: 0; 
}

h2.jahr {
	margin: 0; 
}

h3.sendung {
	text-align: left; 
	margin: 0; 
}

h1 { text-align:center; font-size:26px; margin: 15px 5px 12px 5px; }
h2 { text-align:center; font-size:21px; margin: 12px 5px 10px 5px; }
h3 { text-align:center; font-size:18px; margin:  8px 5px  8px 5px; }
h4 { text-align:center; font-size:15px; margin:  4px 5px  5px 5px; }

li { margin-bottom: 5px; }

.small { font-size: 12px; }

.sender1_line1 {
	color: #c82e86;
	background-color: #ffffff;
}
.sender1_line2 {
	color: #ffffff;
	background-color: #c82e86;
}

.sender2_line1 {
	color: #000000;
	background-color: #FFCE00;
}
.sender2_line2 {
	color: #000000;
	background-color: #FFFFFF;
}

.sender3_line1 {
	color: #FFFFFF;
	background-color: #FF6666;
}
.sender3_line2 {
	color: #000000;
	background-color: #FFFFFF;
}

.sender4_line1 {
	color: #ffffff;
	background-color: #01619E;
}
.sender4_line2 {
	color: #ffffff;
	background-color: #0187DC;
}

.sender5_line1 {
	color: #ffffff;
	background-color: #000000;
}
.sender5_line2 {
	color: #c82e86;
	background-color: #ffffff;
}

img { border: none; }

ul.ohnerand {
	padding: 0; 
	margin: 0 0 0 15px;
}

ul {
	padding: 0; 
	margin: 10px 10px 10px 25px;
}

form {
	padding:0;
	margin:0;
}

label {
	cursor:pointer;
}

.kalkorytisch {
	border-left: 4px #e38e52 solid; 
	border-top: 4px #e38e52 solid;
	border-right: 4px #6d4428 solid;
	border-bottom: 4px #6d4428 solid; 
	background:url(images/kalkory/holz.gif);
}

.kalkoryinset {
	border-right: 2px #e38e52 solid; 
	border-bottom: 2px #e38e52 solid;
	border-top: 2px #6d4428 solid;
	border-left: 2px #6d4428 solid; 
	padding:5px;
	color:white;
}

.kalkorybutton {
	border-top: 2px #ffeb99 solid;
	border-left: 2px #ffeb99 solid; 
	border-right: 2px #b18f00 solid; 
	border-bottom: 2px #b18f00 solid;
	background-color: #ffce00;  
	cursor:pointer;
	padding:3px 10px;
	white-space:nowrap;
	font-weight:bold;
}

a:link    { color: #0000ff; text-decoration: none; }
a:visited { color: #0000ff; text-decoration: none; }
a:hover   { color: #d900d9; text-decoration: none; }
a:active  { color: #d900d9; text-decoration: none; }
a:focus   { color: #d900d9; text-decoration: none; }

a.menulink:link    { color: black;   text-decoration: none; }
a.menulink:visited { color: black;   text-decoration: none; }
a.menulink:hover   { color: #ff00ff; text-decoration: none; }
a.menulink:active  { color: #ff00ff; text-decoration: none; }
a.menulink:focus   { color: #ff00ff; text-decoration: none; }

a.blacklink:link    { color: black;   text-decoration: none; }
a.blacklink:visited { color: black;   text-decoration: none; }
a.blacklink:hover   { color: #ff00ff; text-decoration: none; }
a.blacklink:active  { color: #ff00ff; text-decoration: none; }
a.blacklink:focus   { color: #ff00ff; text-decoration: none; }

a.whitelink:link    { color: white;   text-decoration: none; }
a.whitelink:visited { color: white;   text-decoration: none; }
a.whitelink:hover   { color: #ffa0ff; text-decoration: none; }
a.whitelink:active  { color: #ffa0ff; text-decoration: none; }
a.whitelink:focus   { color: #ffa0ff; text-decoration: none; }

a.magentalink:link    { color: #c82e86; text-decoration: none; }
a.magentalink:visited { color: #c82e86; text-decoration: none; }
a.magentalink:hover   { color: #ff00ff; text-decoration: none; }
a.magentalink:active  { color: #ff00ff; text-decoration: none; }
a.magentalink:focus   { color: #ff00ff; text-decoration: none; }

a.statistlink:link    { color: #827e71; text-decoration: none; }
a.statistlink:visited { color: #827e71; text-decoration: none; }
a.statistlink:hover   { color: #ff00ff; text-decoration: none; }
a.statistlink:active  { color: #ff00ff; text-decoration: none; }
a.statistlink:focus   { color: #ff00ff; text-decoration: none; }