body { margin:0; padding:0 100px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#000; background:transparent url(../images/bg.gif) repeat-y; }
body#detail_img  { margin:0; padding:0; background:#FFF; }

div, table, img, td { margin:0; padding:0; border:0; }
p { padding:0 0 18px 0; margin:0; }
table { border-collapse:collapse; border-spacing:0; border:0; cellspacing:0; cellpadding:0; }
ul { list-style:none; margin:0; padding:0 0 18px 0; }
li { padding:0; margin:0; }
form { padding:0; margin:0; }
:focus { outline:none; }

.clear { clear:both; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }
.fullline { width:100% !important; }
.nospace { padding-bottom:0; margin-bottom:0; }

h1 { margin:0 0 16px 0; padding-top:6px; padding-bottom:0; }
h2, h3 { font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; }

a { text-decoration:none; color:#009EE0; }
a:hover { color:#E2007A; }
em { font-weight:bold; font-style:normal; text-transform:uppercase; }

div#m { position:absolute; top:0; left:27px; width:169px; height:100%; background:#E2007A; }
div#c { position:absolute; top:0; left:196px; width:169px; height:100%; background:#009EE0; }
div#y { position:absolute; top:0; left:365px; width:508px; height:100%; background:#FFEE00; }

#navi {  position:absolute; top:28px; left:0; padding:29px 7px; height:830px; width:155px; background:#FFF; }
#navi ul { list-style:none; margin:11px 0 15px; padding:0; }
#subNav ul { list-style:none; margin:-2px 0 19px; padding:0; }
#navi li { padding:0; margin:0; line-height:13px; height:17px; }
#navi li a { background-position:0 -2px !important; }
#subNav li { padding:0; margin:0; line-height:12px; }
#navi #marginalNav { padding-top:2px; }
/* Browserweiche für IE bis Version 6 */
* html #navi li, * html #subNav li { margin-top: -1px !important; margin-bottom:-1px; }
* html #navi ul { margin-top: 9px !important; }

/* Browserweiche für IE 7 */
*:first-child+html #navi li { margin-top:-1px !important; margin-bottom:-1px; }
*:first-child+html #navi ul { margin-top:9px !important; }

#navi ul span, #subNav ul span { visibility:hidden; font-size:16px; line-height:17px; width:140px; display:block; }
#navi #logos { width:163px; position:relative; top:20px; }
#navi #logos a { display:block; margin:0 7px 12px 0; }

/* Search form */
form#searchform { display:none; height:34px; }
form#searchform input { height:14px; float:left; }
form#searchform #query { width:126px; height:14px; padding:1px 5px 2px; border:1px solid #000; font:normal 12px/12px Arial, Helvetica, sans-serif; }
form#searchform #submit_search { display:none; margin:3px 0 0 5px; }
.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#FFEE00; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#000; }


#subNav { position:absolute; top:275px; left:0; padding:29px 7px 0; width:155px; background:#FFF; }
#content  { position:absolute; top:275px; left:0; padding:29px 0 15px 7px; width:503px; background:#FFF; border-bottom:50px solid #FFEE00; }
.text { padding-right:20px; }

#mainNav1 a { display:block; background:transparent url(../images/nav_titel.gif) no-repeat; height:13px; }
#mainNav1 a:hover, #mainNav1 a.active { background:transparent url(../images/nav_titel_over.gif) no-repeat; }
#mainNav2 a { display:block; background:transparent url(../images/nav_sprecher.gif) no-repeat; height:13px; }
#mainNav2 a:hover, #mainNav2 a.active { background:transparent url(../images/nav_sprecher_over.gif) no-repeat; }
#mainNav3 a { display:block; background:transparent url(../images/nav_autor.gif) no-repeat; height:13px; }
#mainNav3 a:hover, #mainNav3 a.active { background:transparent url(../images/nav_autor_over.gif) no-repeat; }
#mainNav4 a { display:block; background:transparent url(../images/nav_regie.gif) no-repeat; height:13px; }
#mainNav4 a:hover, #mainNav4 a.active { background:transparent url(../images/nav_regie_over.gif) no-repeat; }
#mainNav5 a { display:block; background:transparent url(../images/nav_musik.gif) no-repeat; height:13px; }
#mainNav5 a:hover, #mainNav5 a.active { background:transparent url(../images/nav_musik_over.gif) no-repeat; }
#mainNav6 a { display:block; background:transparent url(../images/nav_team.gif) no-repeat; height:13px; }
#mainNav6 a:hover, #mainNav6 a.active { background:transparent url(../images/nav_team_over.gif) no-repeat; }

#marginalNav0 a { display:block; background:transparent url(../images/nav_aktuell.gif) no-repeat; height:13px; }
#marginalNav0 a:hover, #marginalNav0 a.active { background:transparent url(../images/nav_aktuell_over.gif) no-repeat; }
#marginalNav1 a { display:block; background:transparent url(../images/nav_hoerspielpark.gif) no-repeat; height:13px; }
#marginalNav1 a:hover, #marginalNav1 a.active { background:transparent url(../images/nav_hoerspielpark_over.gif) no-repeat; }
#marginalNav2 a { display:block; background:transparent url(../images/nav_grafik.gif) no-repeat; height:13px; }
#marginalNav2 a:hover, #marginalNav2 a.active { background:transparent url(../images/nav_grafik_over.gif) no-repeat; }
#marginalNav3 a { display:block; background:transparent url(../images/nav_links.gif) no-repeat; height:13px; }
#marginalNav3 a:hover, #marginalNav3 a.active { background:transparent url(../images/nav_links_over.gif) no-repeat; }
#marginalNav4 a { display:block; background:transparent url(../images/nav_newsletter.gif) no-repeat; height:13px; }
#marginalNav4 a:hover, #marginalNav4 a.active { background:transparent url(../images/nav_newsletter_over.gif) no-repeat; }
#marginalNav5 a { display:block; background:transparent url(../images/nav_kontakt.gif) no-repeat; height:13px; }
#marginalNav5 a:hover, #marginalNav5 a.active { background:transparent url(../images/nav_kontakt_over.gif) no-repeat; }
#marginalNav6 a { margin-top:17px; display:block; background:transparent url(../images/nav_warenkorb.gif) no-repeat; height:13px; }
#marginalNav6 a:hover, #marginalNav6 a.active { background:transparent url(../images/nav_warenkorb_over.gif) no-repeat; }
#marginalNav7 a { margin-top:17px; display:block; background:transparent url(../images/nav_suche.gif) no-repeat; height:13px; }
#marginalNav7 a:hover, #marginalNav7 a.active { background:transparent url(../images/nav_suche_over.gif) no-repeat; }

#subNav li { padding-bottom:0; }
#subNav li a { width:150px; display:block; overflow:hidden; }
#subNav li a span { font:bold 15px/17px Arial, Helvetica, sans-serif; }
#subNav_nl a { display:block; background:transparent url(../images/t_hoerspielpark.gif) no-repeat; height:29px; }
#subNav_nl a:hover, #subNav_nl a.active { background:transparent url(../images/t_hoerspielpark_over.gif) no-repeat; }

#content h1 { float:left; width:334px; padding-top:0; margin-top:-2px; }
#content #subSubNav { float:left; width:160px; }
#content #head { margin-bottom:28px; }
#overview div { width:82px; padding:0 22px 13px 0; float:left; }
#overview div.first { clear:both; }
#overview div.last { padding-right:0; }
#overview p { padding:10px 0; width:84px; font-size:10px; line-height:12px; text-transform:uppercase; font-weight:bold; word-wrap:break-word; }

#detail { margin:0 0 27px; }
#detailImage { float:left; width:290px; margin-right:22px; }
#detailNavi { float:left; }
#detailNavi li { margin-bottom:18px; padding:0; }
#detailNavi li a { display:block; }
#detailNavi li a span { display:none; }
#detailNavi li a#l_vorhoeren { width:110px; height:15px; background:url(../images/detnav_vorhoeren.gif) no-repeat; z-index:1; }
#detailNavi li a#l_vorhoeren:hover { background:url(../images/detnav_vorhoeren_over.gif) no-repeat; }
#detailNavi li a#l_bestellung { width:154px; height:15px; background:url(../images/detnav_bestellung.gif) no-repeat; }
#detailNavi li a#l_bestellung:hover { background:url(../images/detnav_bestellung_over.gif) no-repeat; }
#detailNavi li a#l_download { width:113px; height:15px; background:url(../images/detnav_download.gif) no-repeat; }
#detailNavi li a#l_download:hover { background:url(../images/detnav_download_over.gif) no-repeat; }
#detailNavi li a#l_material { width:183px; height:15px; background:url(../images/detnav_material.gif) no-repeat; }
#detailNavi li a#l_material:hover { background:url(../images/detnav_material_over.gif) no-repeat; }

.data { text-transform:uppercase; font-weight:bold; }
#text { }
#text div.production_text h2:first-child { margin-top:0; }
#material { }
#material h2, #material h3, #bio h2, #text h2 { margin:16px 0 0 0; text-transform:uppercase; }
#material ul.data  { padding:0; }

#material div.audioPlayer { margin:6px 0 6px -7px; }
#audioPlayer { position:relative; top:-15px; margin:-1px 0 0 12px; background:url(../images/detnav_vorhoeren.gif) no-repeat; z-index:0; }
span#audioPlayer { margin:15px 0 -33.5px; display:none; padding:14.5px 0 0 1px; }
*+html span#audioPlayer { margin:-1px 0 -31px; padding:15px 0 0 0; width:175px; }

#tooltip{ position:absolute; width:200px; border:5px solid #E2007A; background:#fff; padding:10px; color:#000; display:none; }

form#newsletter p.label { float:left; width:40px; font-weight:bold; }
form#newsletter p.inputfield { float:left; width:150px; padding:0 0 3px 0; }
form#newsletter input { width:130px; height:14px; padding:1px 5px 2px; border:1px solid #000; font:normal 11px/11px Arial, Helvetica, sans-serif; }
form#newsletter .send { padding:0 0 16px; }