body  {
font-family:Helvetica, Arial, Verdana, sans-serif;
margin:0;
color:#333333;
font-size:11px;
background-color:#FFFFFF;
 }


blockquote { margin:0;}


/* die FONT SIZE ist auch unten im #tbl angegeben, weil das zumindest fr IE4-5 sonst nicht uebernommen wird */

/* ueberschriften */

h1 {
margin:0;
padding-top:6pt;
padding-bottom:5pt;
font:bold 16px Helvetica, Arial, Verdana, sans-serif;
}
h2 {
margin:0;
padding-top:4pt;
padding-bottom:3pt;
font:bold 11px Helvetica, Arial, Verdana, sans-serif;
}
.box h2 {
margin:0;
padding-top:4pt;
padding-bottom:3pt;
font:bold 11px Helvetica, Arial, Verdana, sans-serif;
}
h3 {
margin:0;
padding-top:4pt;
margin-bottom:3pt;
font:bold 11px Helvetica, Arial, Verdana, sans-serif;
 }
h4 {
margin:0;
padding-top:3pt;
padding-bottom:3pt;
font:bold 11px Helvetica, Arial, Verdana, sans-serif;
 }
h5 {
margin:0;
padding-top:3pt;
padding-bottom:2pt;
font:bold 11px Helvetica, Arial, Verdana, sans-serif;
 }
h6 {
margin:0;
padding-top:2pt;
padding-bottom:1pt;
font:bold 11px Helvetica, Arial, Verdana, sans-serif;
 }

p {
padding:0;
margin:0;
padding-top:1pt;
padding-bottom:2pt;
}
.box p {
padding:0;
margin:0;
padding-top:1pt;
padding-bottom:2pt;
}

div.spacer {
clear:both;
}



/* box styles (little framed boxes for building portal sites like the front page)  */

.box_header {
    position: relative;
    left: 15px;
    background-color: #000;
    font-weight: bold;
    font-family: Abadi, Helvetica, Arial, Geneva, Verdana, sans-serif;
    border: none;
    margin: 0;
    padding: 0;
    padding-top: 1px;
    padding-left: 4px;
    padding-right: 5px;
}
.box_header a:link {
    text-decoration: none;
}
.box_header a:visited {
    text-decoration: none;
}
.box_header a:hover {
    text-decoration: underline;
}

.box {
    border:0;
    padding: 0px;
    margin: 0px;
    min-width: 20ex;
}

.box .subtitle {
    font-size: 8px;
    font-weight: normal;
    color: grey;
}


.box .onair {
    margin: 0px;
    background-color: #d9e4f9;
    border-bottom:1px solid #ddd;
}
.box .notonair {
    margin: 0px;
    background-color:#ccc;
    border-bottom:1px solid #ddd;
}

/* end of box styles */



/* fontsize for tables, for size maybe not inherited */
.tbl {
margin:0;
font-size:11px;
 }

tr {
margin:0;
font-size:11px;
 }
td {
margin:0;
font-size:11px;
 }


#copyrite {

 }


.note {
color:red;
 }

acronym , abbr , .help {
border:medium none inherit;
border-bottom:1px dotted #333;
cursor:help;
 }

.ahem {
display:none;
 }


/* css fuer die edit-forms */
.formtable {
margin:2px;
padding:2px;
 }
.formelement {
margin:2px;
padding:2px;
 }
.form-element {
margin:2px;
padding:4px;
background-color: #eeeeee;
 }
.form-label {
background-color:#d9e4f9;
padding:4px;
 }
.form-required-mark {
color:#ea0000;
 }
.form-label-error {
background-color:#ff4444;
padding:4px;
 }
.form-error {
background-color:#ff9999;
padding:2px;
 }
.form-widget-error {
background-color:#ff9999;
padding:2px;
font-style:italic;
 }


/* 2 kaesten f. radio program page */
.program_near {
    background-color:#eeeeee;
    border:1px solid #dadada;
    text-align:justify;
    padding: 2px;
}
.program_onair {
    background-color: #b9d300;
    border:1px solid #dadada;
    text-align:justify;
    padding: 2px;
}

ul {
    margin-bottom:8px;
    margin-top:0px;
    margin-left:2ex;
    padding-left:2ex;
}


/* HYPERLINKS */
a img {
border:none;
 }
A {
text-decoration:none;
font-size:100%;
color:#669;
}
A:link {
text-decoration:none;
color:#669;
 }
A:visited {
color:#447;
 }
A:hover {
text-decoration:underline;
 }
A:active {
color:#88B;
 }

.drot a {
color:#99C;
}
.drot A:visited {
color:#669;
 }
.drot A:active {
color:#AAD;
 }


/* pseudo buttons */

a.button { 
  font: 85% arial;
  border: solid 1px black;
  background-color: #e1e1e1;
  text-align: center; 
  padding: 1px;
  padding-left: 8px;
  padding-right: 8px;
  color: black;
  text-decoration: none;
  white-space: nowrap;
}
a.button:link { 
  text-decoration: none;
  border: solid 1px black;
}
a.button:visited { 
  text-decoration: none;
  border: solid 1px black;
}
a.button:hover { 
  text-decoration: none;
  background-color: #ccc;
  border: solid 1px black;
}
a.button:active { 
  text-decoration: none;
  border: solid 1px black;
}
.playbutton a {
        width: 14px;
        height: 18px;
	padding:1px;
	text-decoration:none;
        color:#999999;
	margin: 0 0 18px 12px;
        border-style:none;
        background-image:url(/images/Okto-Banner-PlayButton.png); background-repeat:no-repeat;
}
.playbutton a:hover {
	color:#ffffff;
        background-image:url(/images/Okto-Banner-PlayButton-over.png); background-repeat:no-repeat;
}