/*
AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net
Jaenner 2008

last modified: 08/02/2008
*/

/* horizontale Foto-Leiste */
div#foto-set { margin:auto; margin-bottom:30px; margin-top:0; width:598px; display:block; text-align:center; height:109px !important; overflow:hidden; }
div#foto-set div { display:inline; margin:0 4px 0 4px; position:relative; }

/* Inhalt */
div#audio-content, div#video-content { text-align:center; position:relative; }
div#audio-content .text, div#video-content .player { min-height:300px; width:420px; margin:auto; border:1px solid black; background:#CCCCCC; margin-bottom:20px; }
div#audio-content .text { border:2px solid #F0E40C; background:#FDFBE6; padding:10px; width:400px; text-align:inherit; }

div#audio-content .source { font-size:10px; text-align:right; color:#a4a4a4; margin-left:220px; }

div#audio-content ul, div#video-content ul,
div#audio-content li, div#video-content li
{ list-style:none; margin:0; padding:0; }

div#audio-content ul.control, div#video-content ul.control { width:420px; margin:auto; display:block; text-align:center; padding:4px; }

div#audio-content ul.control li, div#video-content ul.control li { padding:4px 0 4px 0; display:block; width:120px; float:left; margin:0 2px 0 2px; }

div#audio-content ul.control li a, div#video-content ul.control li a { display:table-cell; width:120px; text-align:center; font-weight:normal; border:1px solid #EFEFEF; background-color:#F7F7F7; background-position:2px 50%; padding:4px 0 4px 18px; background-repeat:no-repeat; margin:0; }
div#audio-content ul.control li a:hover, div#video-content ul.control li a:hover { border:1px solid #DEDEDE; }

a.play { background-image:url("img/img_oe-erlesen/icon-play.gif"); }
a.mute { background-image:url("img/img_oe-erlesen/icon-mute.gif"); background-position:16px 50% !important;  }
a.unmute { background-image:url("img/img_oe-erlesen/icon-unmute.gif"); background-position:16px 50% !important;  }
a.pause { background-image:url("img/img_oe-erlesen/icon-pause.gif"); }

/* Link Video->Audio, Audio->Video */
p.to-audio em, p.to-video em { position:absolute; left:-3000px; }

p.to-audio, p.to-video  { position:absolute; right:0; top:30%; }

p.to-audio a, p.to-video a { display:block; width:80px; padding:38px 0 38px 0; background-repeat:no-repeat; background-position:50% 50%; }
p.to-video a { background-image:url("img/img_oe-erlesen/button-video.gif"); }
p.to-audio a { background-image:url("img/img_oe-erlesen/button-audio.gif"); }

/* Inhaltsnavigation - Tabelle unten */
ul.nav_oe-erlesen { clear:both; display:table; width:100%; margin:80px 0 10px 0; font-size:20px; padding:0; }
ul.nav_oe-erlesen li { display:table-cell; text-align:center; border:none !important; line-height:28px; }

table.nav_oe-erlesen a { text-decoration:none; font-weight:bold; }
table.nav_oe-erlesen a:hover { text-decoration:underline; }

/* Inhaltsnavigation - Tabelle unten - Einleitungsseite */
a.video-large, a.audio-large { margin:0; padding:30px 6px 30px 90px; background-repeat:no-repeat; background-position:6px 50%; }
a.video-large { background-image:url("img/img_oe-erlesen/button-video.gif"); }
a.audio-large { background-image:url("img/img_oe-erlesen/button-audio.gif"); }

/* Inhaltsnavigation - Tabelle unten - Vidoe- bzw. Audio-Seiten */
div#audio-content ul.nav_oe-erlesen, div#video-content ul.nav_oe-erlesen { font-size:12px; margin-top:40px; } 

div#audio-content ul.nav_oe-erlesen li { display:block; width:32% !important; float:left; position:static; }
div#video-content ul.nav_oe-erlesen li { display:inline-block; white-space:nowrap; }

div#audio-content ul.nav_oe-erlesen strong, div#video-content ul.nav_oe-erlesen strong,
div#audio-content ul.nav_oe-erlesen a, div#video-content ul.nav_oe-erlesen a { background-repeat:no-repeat; background-position:0 2px; padding:4px 2px 4px 28px; margin:0; font-weight:normal; }
div#audio-content ul.nav_oe-erlesen a:hover, div#video-content ul.nav_oe-erlesen a:hover { background-position:0 100%; }
div#audio-content ul.nav_oe-erlesen a { background-image:url("img/img_oe-erlesen/icon-audio.gif"); }
div#video-content ul.nav_oe-erlesen a { background-image:url("img/img_oe-erlesen/icon-video.gif"); }

div#audio-content ul.nav_oe-erlesen strong, div#video-content ul.nav_oe-erlesen strong { font-weight:bold; color:#0B0C52; }

div#audio-content ul.nav_oe-erlesen strong { background-image:url("img/img_oe-erlesen/icon-audio.gif"); }
div#video-content ul.nav_oe-erlesen strong { background-image:url("img/img_oe-erlesen/icon-video.gif"); }

div#audio-content table.nav_oe-erlesen a:visited, div#video-content table.nav_oe-erlesen a:visited { color:orange !important; }

/* --- */
div.tx-stflashplayer-pi1 { position:absolute; }