a { color: #0000AA; text-decoration: none; }
a img { border: 0; }
a:hover {  color:blue;text-decoration: none; }
body { background: url('kabel_oben.jpg') top repeat-x; border: 0; font-family: Arial, sans-serif; margin: 0; padding: 5px 0 0 0; }

#header { background: url('mic80-trans.gif') left center no-repeat; float: left; height: 80px; margin: 10px 74px; }
#container { background: url('dose_unten1.jpg') left bottom no-repeat; min-height: 42em; }
#navigation { position: absolute; left: +0px; top: +105px; border-right: 2px solid black;  height: 35em; margin-right: 10px; text-align: right; width: 154px;}
#content {margin:5px 0 0 164px;  padding-right:5px;}
#info {background-color: #d90000; float:right; width: 150px;padding:3px;margin:5px}
#footer { background-color: #FF6600; clear: left; color: #bf8c01; margin: 0; padding: 0; }

#pagefooter1 { background: url('kabel_unten.jpg') bottom repeat-x; height: 48px; }
#pagefooter2 { background: url('dose_unten2.jpg') left bottom no-repeat; height: 48px; overflow: visible; }
h3 { border: 0; font-size: 11pt; font-weight: bold; margin: 0 0 10px 0; }
h4 { font-size: 11pt; font-weight: bold; }
p, li, th, td, input, select { font-size: 10pt;}
table.data td.action { text-align: center; vertical-align: top; }
table.data th { text-align: left; }
table.data th, table.form th, table.form td.buttons, table.data tr.mod2, table.data td, table.form td { background-color: #CCCCCC;}
table.data .ordered a { padding-right: 20px; }
table.data .ordered.asc a { background: url('ordered_asc.gif') right center no-repeat; }
table.data .ordered.desc a { background: url('ordered_desc.gif') right center no-repeat; }
table.data tr.mod1, table.data td.label, table.form td.label { background-color: #EEEEEE; }
table.data, table.form { background-color: #999999;width:100%; table-layout:auto; }
table.form td.label, .sendeschema td.label { font-weight: bold; }
table.form .buttons {text-align: center;}
th, td { font-size: 9pt; padding: 2px; }
ul.data { border: 0; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #999999}
ul.data a { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: lighter; }
ul.data li { border: 1px solid #999999; border-bottom: 0; margin: 0; padding: 5px; }
ul.data li.mod1 { background-color: #EEEEEE; font-family: Arial, Helvetica, sans-serif; font-size: small;}
ul.data li.mod2 { background-color: #ffffff; }
ul.data.small { border: 1px solid #999999; border-bottom: 0; }
ul.data.small li { border: 0; border-bottom: 1px solid #999999; font-size: 0.8em; margin: 0; padding: 2px; }

.nofloat { clear: both; font-size: 1px; height: 1px; margin: -1px 0 0 0; overflow: hidden; }
.clear { clear: both; }
.clearleft {clear: left;}
.clearright { clear: right; }
.sendungsgruppe {background-color: #EEEEEE; margin-left: auto; margin-right: auto; padding: 5px; width: 50%; border-left: 1px #999 solid; border-right: 1px #999 solid; border-bottom: 1px #999 solid;}


.sendungsgruppe .leute { float: left; list-style: none; margin: 0; padding: 0; }
.sendungsgruppe .titel { float: left; margin-right: 1em; text-align: right; width: 45%; }
.sendungsgruppe .titel p {font-size: 8pt;}
.sendungsgruppe p.g { font-weight: bold; margin: 0; }
.sendungsgruppe p.ut { font-size: 0.8em; margin: 0; }
.sendungsgruppen {padding-bottom:5px}
.sendungsgruppen h3 {background-color: #CCCCCC; border: 1px solid #999999; margin: 10px auto 0 auto; padding: 5px; text-align: center; width: 50%; }
.visitenkarten h3, .visitenkarte h3 { background-color: #CCCCCC; margin: 0; padding: 5px; }
#content .visitenkarten {
padding-bottom:5px;text-align: center;}
#content .visitenkarten ul {border: 0;}
#content .visitenkarten li {float: left; width: 100px; height: 75px; margin: -1px; padding:8px; border: 0;background-color: #CCCCCC ;}
#content .visitenkarten li .nopic {margin-top: 25px; border:1px solid #999999; padding: 3px;}
.visitenkarte { background-color: #CCCCCC; padding: 5px; border: 1px solid #999999; margin-top: 5%; margin-left: auto; margin-right: auto; 
min-height: 265px; width:700px}
.visitenkarte img {float:left; margin-right:10px; margin-bottom:3px;}

#content p { margin:0; padding: 0; }
.headline {padding:10px 0 10px 0; line-height: 0;}

.headline h3 { text-align: left;padding: 0;margin: 0 }
.headline p {text-align: right;padding: 0;margin: 0 }
#header a span, h2 { display: none; }
#header div { float: left; margin-left: 164px; }
#header h1, .sendungsgruppe .titel h4, .sendungsgruppe .leute li { border: 0; margin: 0; padding: 0; }
form {margin: 0;border: 0;padding: 0 0 10px 0;}
#navigation a { color: black; text-decoration: none; }
#navigation a:hover { color:blue; text-decoration: none; }
#navigation li { font-size: 0.8em; font-weight: normal; }
#navigation li i a { font-style: normal; }
#navigation li.toc0 {font-size: 12pt; font-weight: bold; margin-top: 5px; }
#navigation li.toc1 {margin-bottom: 2px; }
#navigation li.toc0 i a {padding:0 3px; border: 1px #bbb solid; font-style: normal;}
#navigation li.toc1 i a {padding:0 3px; border: 1px #bbb solid; font-style: normal;}

#navigation ul { border: 0; list-style-type: none; margin: 0; margin-bottom: 5px; margin-right: 10px; padding: 0; text-align: right; }
#copyright {padding: 10px; }
#copyright p { border: 0; font-size: 0.7em; margin: 0; padding: 0; text-align: center; }

#formdatanew, .infobox {background-color: #F7F7F7; border: 1px solid #F0F0F0; padding: 5px; font-size: 0.8em;}

#formdatanew  {padding-left: 26px; background-image: url('add.gif'); background-position: 5px 5px; background-repeat: no-repeat;}
#formdatanew h3 {display: none;}
#formdatanew p {margin: 0; padding: 0;}

#logoutform {background-color: #EEEEEE; border: 1px solid #999999;}
#logoutform h3 {background-color: #999999; margin: 0; border:0; padding: 5px;}
#logoutform p {margin: 0; border:0;padding: 5px;}

#errormessage {background-color: #edcbcb; border: 1px solid #981d1d;}
#errormessage h3 {background-color: #981d1d; color: #edcbcb; margin: 0; border:0; padding: 5px;}
#errormessage p {margin: 0; border:0;padding: 5px;}

#seitenzahlen {padding: 10px 0 10px 0; text-align: center;}
#seitenzahlen a, #seitenzahlen .thispage, #seitenzahlen .break {padding: 2px 6px;}
#seitenzahlen a {border: 1px solid #e7e7e7; text-decoration: none; }
#seitenzahlen a:hover {background-color: #eeeeee;}
#seitenzahlen .thispage {border: 1px solid white; font-weight: bold;}
#seitenzahlen .break {border: 1px solid white;}


ul.artikelliste {border: 0; list-style-type: none; margin: 0; padding: 0;}
ul.artikelliste li {border: 0; margin: 0; padding: 0 0 10px 0; clear: left;}
ul.artikelliste li.mod1 {min-height:100px;}
ul.artikelliste li.mod2 {min-height:100px;}
ul.artikelliste .previewimage {margin-right: 10px; float: left;}
ul.artikelliste h3, ul.artikelliste h4 {border: 0; margin: 0 0 5px 0; padding: 0;}
ul.artikelliste p {border: 0; margin: 0; padding: 0;}
ul.artikelliste p.datecomments {font-size: smaller; margin-top: 5px;}

ul.buttonbar {margin: 0;list-style: none;}
ul.buttonbar li {margin: 0; padding: 0; display: inline;}

.kategorie {float:left; border: 1px #bbb solid; padding: 3px;margin: 0 0 5px 0; font-size: 0.8em;}
.buttonbar {padding: 2px; height: 22px;}
.buttonbar a {float: left;}
.button a {display: block; width: 20px; height: 20px;margin: 1px;}
.button.back a {background: url('icon/back.gif') center center no-repeat;}
.button.print a {background: url('icon/printview_tsk.gif') center center no-repeat;}
.button.getdoc a {background: url('icon/file_obj.gif') center center no-repeat;}
.button a:hover {background-color: #c5c7e9;margin: 0;border: 1px solid #2536CF;}
.button a span {display: none;}


#startsendungen {float:right; width: 200px;padding:3px;margin:5px}
#startcontent {margin-right: auto}


#startmessages {margin:10px 0 0 0; width: 180px; font-size: 9pt;}
#startmessages h3 {background-color: #CCCCCC; border: 1px solid #999999; margin: 0; padding: 3px; text-align: center; font-size: 9pt;}
#startmessages ul {border: 1px solid #999999; border-top: 0; border-bottom: 0; background-color: #EEEEEE; list-style-type: none; margin: 0; padding: 0;}
#startmessages li {border-bottom: 1px solid #999999; font-size: 9pt; padding: 3px;}
#startmessages li a {display: block; text-overflow: ellipsis; overflow: hidden;   white-space: nowrap;}

#nowplayingbox {margin:8px 0 0 0; width: 180px; font-size: 9pt;}
#nowplayingbox h3 {background-color: #CCCCCC; border: 1px solid #999999; margin: 0; padding: 3px; font-size: 9pt;}
#nowplayingbox ul {border: 1px solid #999999; border-top: 0; border-bottom: 0; background-color: #EEEEEE; list-style-type: none; margin: 0; padding: 0;}
#nowplayingbox li {border-bottom: 1px solid #999999; font-size: 9pt; padding: 3px;}

#nextplayingbox {margin:8px 0 0 0; width: 180px; font-size: 9pt;}
#nextplayingbox h3 {background-color: #CCCCCC; border: 1px solid #999999; margin: 0; padding: 3px; font-size: 9pt;}
#nextplayingbox ul {border: 1px solid #999999; border-top: 0; border-bottom: 0; background-color: #EEEEEE; list-style-type: none; margin: 0; padding: 0;}
#nextplayingbox li {border-bottom: 1px solid #999999; font-size: 9pt; padding: 3px;}

#nowplaying {margin:0px; font-size: 8pt}
#nextplaying {margin:0px; font-size: 8pt}

.bild .desc {display: block; font-size: 9pt; text-align: center;}
.bild.mitte .desc, .bild.mitte img {display: block; margin-left: auto; margin-right: auto;}
.bild.rechts, .infobox.rechts {float:right; margin:5px 0 5px 10px;}
.bild.links, .infobox.links {float:left; margin:5px 10px 5px 0;}
.bild.mitte {display: block; margin: 5px 0 5px 0;}
.infobox.mitte {clear: both; display: block; margin: 5px 0 5px 0;}
.artbody .bild.mitte {padding-right: 180px;}
.flyer { background-color: #CCCCCC; padding: 5px; border: 1px solid #999999; margin-top:5%; width:855px;}

table.t1		{ background-color:#999999; }
th.t1			{ background-color:#CCCCCC; color:#000000;}
td.th1		{ background-color:#DDDDDD; color:#000000;}
td.td1		{ background-color:#EEEEEE; color:#000000;}

a.t1         { color:#D8D8FF;}
a.t1:visited { color:#D8D8FF;}
a.t1:active  { color:#D8D8FF;}
a.t1:hover   { color:#FF0000;}

table.t2		{ background-color:#999999;}
th.t2			{ background-color:#CCCCCC; color:#000000;}
td.th2		{ background-color:#EEEEEE; color:#000000;}
td.td2		{ background-color:#FFFFFF; color:#000000;}

a.t2         { color:#D8D8FF;}
a.t2:visited { color:#D8D8FF;}
a.t2:active  { color:#D8D8FF;}
a.t2:hover   { color:#FF0000;}

table.t1, th.t1, td.th1, td.td1, table.t2, th.t2, td.th2, td.td2 {border:0; padding-top: 2px;}
th, th.t1, th.t2 {font-size: 9pt; font-weight: bold;}
td.th1, td.th2 { font-weight: bold; font-style: normal;}

table.data .admingallery {vertical-align: top; text-align: center;}

#artikel p {font-size: 0.8em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;}
.artauthor{clear:left;}
p.subject {line-height:1.1em}

#data.podcast td {background-color: #EEEEEE;}
#data.podcast td.label {background-color: #CCCCCC;}
#data.simple td {background-color: #EEEEEE; font-size: 10pt; text-align=Left}
#data.simple td.label {background-color: #CCCCCC; font-size: 10pt; font-weight: bold; text-align:right}

ol.comments {margin-bottom:0;}

.audioplayer {display: inline-block;
margin: 10px 0 0 0;}

.audiotitle {background:transparent url(daudio_mp3_button.png) no-repeat scroll left center;
padding:0 0 0 90px;
}

.highlightedword {background-color: yellow;}


/* workaround fuer fehlerhafte erstellung der tabelle fuer das sendeschema */
div.sendungen > div.sendeschema > table > tbody > tr > td:first-child {display:none}

/* styles fuer ansprechpartner, steffen m. 08/2016 */
.ap_t { border-collapse: separate; border-spacing: 50px 60px; }
.ap_td { vertical-align: top; text-align: center; }
@font-face { font-family: LabelFont; src: url('https://img.radio-frei.de/ansprechbar/impact_label.ttf'); }
.ap_header { font-family: LabelFont; font-size: 20px; }
.ap_desc { font-family: LabelFont; font-size: 16px; margin: 5px !important}
.ap_mail { font-family: LabelFont; font-size: 16px; margin-top: 13px !important}
.ap_space { font-family: Sans; }

/* html5 audio control breiter, steffen m. 11/2016 */
@media only screen and (min-width: 768px) { audio {width: 500px;} }