/* zuerst allgemeine CSS Angaben */
html {
background-color: transparent;
/*overflow: hidden;*/
}

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #666;
border: 0;
}

a {outline: none;}

.rahmen {
background-color: transparent;
padding: 0;
margin: 0;
}

.rahmen p {
font-size: 1.4em;
}

.rahmen ul {
list-style-type:none;
margin: 0;
padding: 0;
font-size: 1.4em;
}

.rahmen li.row1:after,
.rahmen li.row2:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}

.rahmen li.row2,
.rahmen li.row2 a,
.rahmen li.row2 span,
.rahmen li.row1,
.rahmen li.row1 a,
.rahmen li.row1 span {
}

.rahmen li a:link,
.rahmen li a:visited, 
.rahmen li a:link span,
.rahmen li a:visited span {
color: #5F0000;
text-decoration: none;
font-weight: bold;
}

.rahmen li a:hover,
.rahmen li a:hover span {
color: #666;
text-decoration:underline;
}

.rahmen li a {
background: url("arrow_right2.gif") left center no-repeat;
padding-left: 20px;
}

.rahmen li {
margin: 0 0 15px 0;
padding: 6px;
list-style-type: none;
border: 1px solid #CCC;
border-left: none;
border-right: none;
}

/* der Hintergrund fuer jede zweite Zeile */
.rahmen .row2 {
background-color: #eee;
}

* html .rahmen li {height:1%}
*+html .rahmen li {height:1%}

/* der Stop button  */
.rahmen a:link.stopbutton,
.rahmen a:visited.stopbutton {
color: #666;
background: url("stop2.gif") 0 no-repeat;
padding-left: 20px;
}

/* zusätzliche versteckte Stop buttons für SR wie den WF, die per DHTML nicht aktualisieren */
/* Nachteil: für Optiker beim Durchtabben ein "Geistertab" */
.rahmen .hideperm {
position:absolute;
left:-1000px;
width:0;
height:0;
overflow:hidden;
display:inline;
}

.rahmen .pl,
.rahmen .pl span {
color: red !important;
display:inline; /* display:none versteckt das [playing] */ 
}

.rahmen #ton {
position:fixed;
}

#ton object {
width: 1px !important;
height: 1px !important;
}

.rahmen ul li.heading {
font-weight:bold !important;
color:#5F0000 !important;
border-color:#5F0000;
margin-top:35px;
}