@charset "UTF-8";
@import url(reset.css);


/*

* * * * * Realisation by Marc Rinderknecht
* * * * * kobebeef.ch
* * * * * (c) 2009

*/


/* * * * * START: ALLGEMEIN * * * * */
html, body {
	background: #333 url(/images_layout/bg_content.gif) repeat-x;
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}
.clear {
	clear: both;	
}
#wrapper {
	width: 640px;	
	margin: 0 auto;
	text-align: left;
}
a {
	color: #FFF;	
	text-decoration: none;
}
a:hover {
	color: #9F9F9F;	
}
/* * * * * ENDE: ALLGEMEIN * * * * */


/* * * * * START: HEADER * * * * */
#header {
	margin: 0 0 10px 0;	
}
/* * * * * ENDE: HEADER * * * * */


/* * * * * START: NAVIGATION * * * * */
#navigation {
	width: 640px;
	height: 21px;
	margin: 0 0 10px 0;
	background: url(/images_layout/mn_bg.gif) no-repeat;
}
#navigation ul li {
	font-size: 10px;
	float: left;
}
#navigation ul li a {
	display: block;
	height: 21px;
	text-indent: -9999px;
	color: #555;
	text-decoration: none;
}
#navigation ul li#mnShowreel a {
	width: 63px;
	background: url(/images_layout/mn_showreel_a.gif) no-repeat;
}
#navigation ul li#mnCommercials a {
	width: 72px;
	background: url(/images_layout/mn_commercials_a.gif) no-repeat;
}
#navigation ul li#mnMusicVideos a {
	width: 69px;
	background: url(/images_layout/mn_musicvideos_a.gif) no-repeat;
}
#navigation ul li#mnInfos a {
	width: 36px;
	margin: 0 323px 0 0;
	background: url(/images_layout/mn_infos_a.gif) no-repeat;
}
#navigation ul li#mnClientLogin a {
	width: 77px;
	background: url(/images_layout/mn_clientlogin_a.gif) no-repeat;
}
/* rollover */
#navigation ul li a:hover {
	color: #FFF;
	text-decoration: none;
}
#navigation ul li#mnShowreel a:hover, #navigation ul li#mnShowreel.active a {
	background: url(/images_layout/mn_showreel_b.gif) no-repeat;
}
#navigation ul li#mnCommercials a:hover, #navigation ul li#mnCommercials.active a  {
	background: url(/images_layout/mn_commercials_b.gif) no-repeat;
}
#navigation ul li#mnMusicVideos a:hover, #navigation ul li#mnMusicVideos.active a  {
	background: url(/images_layout/mn_musicvideos_b.gif) no-repeat;
}
#navigation ul li#mnInfos a:hover, #navigation ul li#mnInfos.active a  {
	background: url(/images_layout/mn_infos_b.gif) no-repeat;
}
#navigation ul li#mnClientLogin a:hover, #navigation ul li#mnClientLogin.active a  {
	background: url(/images_layout/mn_clientlogin_b.gif) no-repeat;
}
/* * * * * ENDE: NAVIGATION * * * * */


/* * * * * START: CONTENT * * * * */
#content .thumbnail {
	/* 120 x 77 */
	width: 100px;
	height: 56px;
	padding: 9px 10px 12px 10px;
	margin-bottom: 10px;
	float: left;
	text-align: center; /* wenn Thumbnail 4x3 */
	background: url(/images_layout/bg_thumbnail.gif) no-repeat;
}
#content .mR {
	margin: 0 10px 0 0;	
}
#content #playerWrap {
	text-align: center;	
	background: url(/images_layout/bg_playerwrap.gif) no-repeat;
}
#content #player {
	margin: 0 0 10px 0;	
}
#clipinfo {
	line-height: auto;
	background: #070707 url(/images_layout/bg_clipinfo.gif) no-repeat;
	padding: 10px 12px 0 12px;	
	height: 51px;
}
#clipinfo table td {
	vertical-align: top;	
	border: none;
	padding: 0;
}
#clipinfo table td.title, #content h1, #content p.function{
	color: #595959;	
}
#content p {
	margin: 0 0 10px 0;	
}
#content #leftCol {
	float: left;
	padding: 10px 15px 0 15px;
	width: 170px;
	margin: 0 10px 0 0;
	background: url(/images_layout/bg_leftCol.gif) no-repeat; 
	min-height: 363px;
}
#content #rightCol {
	float: left;
	padding: 10px 15px 0 15px;
	width: 400px;	
	background: url(/images_layout/bg_rightCol.gif) no-repeat; 
	min-height: 363px;
}
#tooltip {
	position:absolute;
	border: none;
	border-right: 1px solid #4C4C4C;
	border-left: 1px solid #4C4C4C;
	background: #111 url(/images_layout/bg_tooltip.png) repeat-x;
	padding:2px 5px;
	color:#595959;
	display:none;
	text-align: left;
}	
/* * * * * ENDE: CONTENT * * * * */


/* * * * * START: CLIENT LOGIN * * * * */
form#clientlogin input {
	border: 1px solid #444;
	background: #111;
	width: 168px;
	color: #FFF;
	font-size: 10px;
	padding: 2px 0;
}
.attn {
	color: #C69;	
}
#content table.listing th {
	padding: 2px 0;
	color: #595959;	
	border-bottom: 1px solid #595959;
}
#content table.listing td {
	padding: 2px 0;
	border-bottom: 1px solid #333;
}
/* * * * * ENDE: CLIENT LOGIN * * * * */



/* additional reset for Firefox 3 */
a:focus, a:hover, a:active { 
	outline:none;
}