@CHARSET "UTF-8";

* { padding: 0; margin: 0; }

BODY { font-family: 'trebuchet ms', verdana, arial; font-size: 10px; background-color: #242521; color: #999999; }

P { text-align: justify; line-height: 1.2; }

IMG { border: none; }

UL { list-style: none; }

TABLE { border-spacing: 0; }

IFRAME { height: 484px; width: 100%; border: none; } 


INPUT[type="text"], SELECT, TEXTAREA { border: 1px solid #999999; font-size: 14px; font-family: 'trebuchet ms', verdana, arial; padding: 2px; background-color: transparent; color: white; }
SELECT { background-color: #606770; padding-left: 0; padding-right: 0; }
INPUT[type="text"]:FOCUS, TEXTAREA:FOCUS { border: 1px solid #0c65e0; }
INPUT[type="submit"] { border: 1px solid #999999; font-size: 14px; background-color: transparent; color: #ffffff; font-weight: bold; padding: 2px 6px 2px 6px; }



A { outline: none; }
A:LINK, A:VISITED { color: #999999; text-decoration: underline; }
A:ACTIVE, A:HOVER { color: #cccccc; text-decoration: none; }


.clear { clear: both; }



DIV#holepage { width: 780px; margin: 0px auto; }

DIV#navigation { height: 92px; }

A#start { display: block; float: left; /*background: url("../img/logo.png") no-repeat 0px 35px;*/ width: 285px; height: 92px; }

DIV#navigation DIV#navigation_buttons { float: right; margin-top: 35px; }
DIV#navigation DIV#navigation_buttons A { color: #E7EDE6; font-size: 12px; font-weight: lighter; text-decoration: none; padding-left: 20px; padding-bottom: 20px; font-family: 'trebuchet ms'; letter-spacing: 4pt; padding-top: 7px; display: block; float: left; }
DIV#navigation DIV#navigation_buttons A:HOVER { color: #2D4255; }
DIV#navi_effect { height: 4px; background-color: #0c65e0; width: 254px; }

A#imprint { display: block; margin-top: 35px; margin-left: 55px; width: 171px; height: 10px; background: url("../img/imprint.png"); }

A#mp3link { float: right; margin-right: 55px; margin-top: 35px; height: 10px; width: 63px; cursor: pointer;  }
A#mp3link.on { background: url("../img/sound_on.png"); }
A#mp3link.off { background: url("../img/sound_off.png"); }




DIV#holeframe { background: #555555; width: 780px; height: 484px; background: url("../img/bg_frame.jpg");  }

DIV#shadow { position: absolute; width: 620px; height: 364px; top: 60px; left: 80px; background-color: black; opacity: 0.3; filter:alpha(opacity=30); }
DIV#content { position: absolute; width: 580px; height: 324px; top: 60px; left: 80px; padding: 20px; overflow: hidden; }
DIV#outer_scroll { overflow: hidden; width: 580px; height: 324px; }
DIV#inner_scroll { }

DIV.scroll { width: 29px; height: 364px; position: absolute; left: 700px; top: 60px; background-color: black; opacity: .3; filter:alpha(opacity=30); overflow: hidden; }
DIV.scroll DIV.up { background: url("../img/scroll_up.png") 0px 4px no-repeat;  margin: 0px 4px 0px 4px; padding-top: 4px; width: 21px; height: 21px; cursor: pointer; }
DIV.scroll DIV.down { background: url("../img/scroll_down.png"); margin: 0px 4px 4px 4px; width: 21px; height: 21px; cursor: pointer; }
DIV.scroll DIV.scrollbar { height: 210px; width: 21px; margin: 0px 4px 0px 4px; background: url("../img/scroll_bg.png"); }

DIV.two_col_layout { float: left; width: 285px; }
DIV.two_col_layout.left { margin-right: 10px; }


#mp3player { visibility: hidden; position: absolute; top: 0px; left: 0px; }

DIV#mp3controller { position: absolute; z-index: 2; background-color: black; width: 330px; border: 1px solid #373737; padding-bottom: 7px; }
DIV#mp3controller H1 { font-weight: normal; text-align: right; padding: 10px; padding-bottom: 0; }
DIV#mp3controller DIV.title { text-align: right; padding: 10px; padding-top: 0; }
DIV#mp3controller DIV.bar { height: 16px; padding: 4px; background: url("../img/player_bg.png"); border-top: 1px solid #595959; }
DIV#mp3controller DIV.button { float: left; width: 15px; height: 15px; cursor: pointer; }
DIV#mp3controller DIV.button.play { background: url("../img/player_button_play.png"); }
DIV#mp3controller DIV.button.play:HOVER { background: url("../img/player_button_play_h.png"); }
DIV#mp3controller DIV.button.pause { background: url("../img/player_button_pause.png"); }
DIV#mp3controller DIV.button.pause:HOVER { background: url("../img/player_button_pause_h.png"); }
DIV#mp3controller DIV.button.prev { background: url("../img/player_button_prev.png"); }
DIV#mp3controller DIV.button.prev:HOVER { background: url("../img/player_button_prev_h.png"); }
DIV#mp3controller DIV.button.next { background: url("../img/player_button_next.png"); }
DIV#mp3controller DIV.button.next:HOVER { background: url("../img/player_button_next_h.png"); }
DIV#mp3controller DIV.button.stop { background: url("../img/player_button_stop.png"); }
DIV#mp3controller DIV.button.stop:HOVER { background: url("../img/player_button_stop_h.png"); }
DIV#mp3controller DIV.button.close { background: url("../img/player_button_close.png"); float: right; }
DIV#mp3controller DIV.button.close:HOVER { background: url("../img/player_button_close_h.png"); }
DIV#mp3controller DIV.seek { height: 15px; width: 220px; margin: 0px 10px 0px 10px; float: right; cursor: pointer; background: url("../img/player_seek_bg.png"); }
DIV#mp3controller DIV.seek DIV { height: 7px; width: 12px; margin-top: 4px; background: url("../img/player_seek.png"); }
DIV#mp3controller UL.tracklist LI { padding: 3px; padding-left: 10px; cursor: pointer; }
DIV#mp3controller UL.tracklist LI.active { color: white; }

DIV#mp3shadow { background-color: black; position: absolute; z-index: 1; }

A#mp3link { float: right; }