BODY
{
  background-color: #c5c5bf;
  margin: 0 0 12px 0;
}

/* -----( banners )------- */

#banner-300
{
	float: left;
	margin: 0 12px 12px 0;
}

#banner-box
{
	
}

#banner-skyscraber
{
	text-align: center;
}

#banner-leaderboard
{
	position: absolute;
	right: 0;
	top: 18px;
}

/* -----( links )--------- */

a
{
	text-decoration: none;
	color: #3e5866;
}

a.grey			{color: #525252;}
a.blue			{color: #3e5866;}
a.brown			{color: #5e5646;}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: 0px;
}

/* -----( form )---------- */

form
{
	margin: 0;
}

input,
select,
textarea
{
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-size: 12px;
	border: solid 2px #717171;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	padding: 1px 3px 1px 3px;
}

input.readonly,
select.readonly,
textarea.readonly
{
	background-color: #f4f4f4;
	color: #666666;
}

input.button
{
	background-color: #ffffff;
	padding: 0 3px 0 3px;
	border: solid 1px #dddddd;
	border-right-color: #717171;
	border-bottom-color: #717171;
}

/* -----( spice51 )------- */

#spice51
{
  text-align: left;
  width: 1000px;
}

/* -----( logo )---------- */

#logo
{
	position: relative;
  height: 130px;
  background: url('/images/layout/logo-background.gif') repeat-x;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/layout/logo-filmzonen.png');*/
}

#logo a img
{
	background: url('/images/layout/logo.gif') no-repeat;
}



/* -----( community )----- */

fieldset.community
{
	border: solid 1px #5e5646;
	margin-bottom: 16px;
	padding: 0 10px 10px 10px;
	width: 345px;
	display: block;
}

fieldset.community legend
{
	padding: 0 5px 0 5px;
	color: #5e5646;
	font-size: 11px;
}

fieldset.community form
{
	margin: 10px 0 0 0;
}

#userupdate
{
	width: 335px;
	padding: 5px;
	background-color: #d7f5d7;
	color: #018b01;
	font-weight: bold;
	font-size: 11px;
	margin: 10px 0 10px 0;
}

#userupdate ul
{
	margin: 0;
	padding-left: 20px;
}

table.community input,
table.community textarea
{
	width: 200px;
}

table.community input.checkbox
{
	width: 20px;
	margin-right: 3px;
	border: none;
	background: none;
	float: left;
}

table.community label
{
	font-size: 11px;
	float: left;
	margin-top: 3px;
}

table.community td
{
	padding: 5px;
}

table.community td.text
{
	font-weight: bold;
}

table.community .error
{
	background: #ffe1e1;
}

table.community .error div
{
	font-size: 11px;
	font-weight: bold;
	color: #c00000;
	padding: 3px 0 0 3px;
}

#community
{
  position: relative;
  height: 29px;
  background: url('/images/layout/backgrounds/community.gif') repeat-x;
  font-family: Helvetica, Tahoma, Verdana, Arial;
  font-size: 11px;
  color: #666666;
}

#community #links
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 745px;
  height: 26px;
  background: url('/images/layout/corners/community-left.gif') no-repeat;
  padding: 3px 0 0 0;
}

#community #links td.text
{
	padding: 0 10px 0 10px;
	font-weight: bold;
}

#community #links div
{
	padding-top: 2px;
}

#community #links a
{
	color: #4d485c;
	margin-left: 17px;
	font-weight: bold;
}

#community #links a.first
{
	margin-left: 25px;
}

#community #links td a
{
	margin-left: 35px;
}

#community #search
{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 255px;
  height: 26px;
  background: url('/images/layout/corners/community-right.gif') no-repeat 100% 0;
  padding-top: 3px;
}

#community input,
#community select
{
	font-size: 11px;
	border-width: 1px;
}

#community select
{
	margin-left: 5px;
	padding: 0px;
}

#community input.button
{
	margin-left: 5px;
}

/* -----( crumbs )-------- */

#crumbs
{
  list-style: none;
  margin: 3px 10px 5px 10px;
  padding: 0;
  font-family: Helvetica, Tahoma, Verdana, Arial;
  font-size: 12px;
}

#crumbs li
{
  display: inline;
  padding-left: 20px;
  background-repeat: no-repeat;
	background-position: 1px;
	background-image: url('/images/layout/crumbs/grey/arrow.gif');
}

#crumbs li.first
{
  padding: 0;
  background-image: none;
}

#crumbs a
{
  color: #525252;
  font-weight: bold;
  
}

/* -----( site )----------- */

#site
{
	width: 100%;
  position: relative;
}

/* -----( menu )----------- */

#menu
{
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
}

#menu div
{
	width: 150px;
	background: #ffffff url('/images/layout/corners/menu-top.gif') no-repeat;
	padding: 5px 5px 0 5px;
}

#menu div.bottom
{
	width: 160px;
	height: 5px;
	padding: 0;
	margin: 0 0 12px 0;
	background: #ffffff url('/images/layout/corners/menu-bottom.gif') no-repeat;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0 0 12px 0;
  background: url('/images/layout/menu/purple/background.gif') no-repeat 0% 100%;
}

#menu h4
{
	font-size: 12px;
	margin: 0;
	padding-left: 25px;
	padding-top: 4px;
}

#menu ul a
{
	color: #4d485c;
	display: block;
	width: 124px;
	height: 10px;
	padding: 5px 0 0 26px;
}

#menu ul li
{
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-weight: bold;
	height: 20px;
	font-size: 12px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-image: url('/images/layout/menu/purple/arrow.gif');
}

#menu ul li.top
{
	background: url('/images/layout/menu/purple/top.gif');
	height: 23px;
	color: #ffffff;
	padding: 0;
}

#menu ul li.header
{
	background: url('/images/layout/menu/purple/header.gif');
	height: 23px;
	color: #ffffff;
	padding: 0;
	margin-top: 6px;
}

#menu ul.brown					{background-image: url('/images/layout/menu/brown/background.gif');}
#menu ul.brown a				{color: #5e5646;}
#menu ul.brown li.top		{background: url('/images/layout/menu/brown/top.gif');}

#menu ul.grey						{color: #3d3d3d; background-image: url('/images/layout/menu/grey/background.gif');}
#menu ul.grey li.top		{background: url('/images/layout/menu/grey/top.gif');}

#menu ul.grey li.poll
{
	font-weight: normal;
	padding: 8px 12px 0px 12px;
	background: none;
}

#menu ul.grey li[class]
{
	height: auto;
}

#editorial							{}
#cinema									{}
#dvd										{}
#channel								{}

#batman									{background-image: url('/images/layout/icons/movies/batman.gif') !important;}
#spiderman							{background-image: url('/images/layout/icons/movies/spiderman.gif') !important;}
#pirates								{background-image: url('/images/layout/icons/movies/pirates.gif') !important;}
#indy										{background-image: url('/images/layout/icons/movies/indy.gif') !important;}
#potter									{background-image: url('/images/layout/icons/movies/potter.gif') !important;}
#narnia									{background-image: url('/images/layout/icons/movies/narnia.gif') !important;}
#xmen										{background-image: url('/images/layout/icons/movies/xmen.gif') !important;}

/* -----( right )---------- */

#right
{
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
}

#right div.container
{
	width: 140px;
	background: #ffffff url('/images/layout/corners/right-top.gif') no-repeat;
	padding: 5px 5px 0 5px;
}

#right div.bottom
{
	width: 150px;
	height: 5px;
	padding: 0;
	margin: 0 0 12px 0;
	background: #ffffff url('/images/layout/corners/right-bottom.gif') no-repeat;
}

#right div.top
{
	background: url('/images/layout/menu/grey/top.gif');
	height: 23px;
	padding: 0;
}

#right h4
{
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #ffffff;
	margin: 0;
	padding-left: 10px;
	padding-top: 4px;
}

#right div.input
{
	font-family: Helvetica, Tahoma, Verdana, Arial;
	color: #3d3d3d;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
  padding: 6px 10px 12px 10px;
  background: url('/images/layout/menu/grey/background.gif') no-repeat 0% 100%;
}

#right div.input input
{
	width: 112px;
	margin-top: 3px;
}

/* -----( frontpage )----- */

#frontpage
{
	background: #ffffff url('/images/layout/corners/content-top.gif') no-repeat;
	position: relative;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	margin: 0 0 0 172px;
}

#frontpage-content
{
	position: relative;
	background: url('/images/layout/corners/content-bottom.gif') no-repeat left bottom;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-size: 12px;
	padding: 12px;
	width: 804px;
}

#frontpage-announcement
{
	margin-bottom: 15px;
}

#frontpage-announcement a
{
	display: block;
	background: url(/images/layout/icons/announce.gif) no-repeat left top;
	font-size: 18px;
	padding: 8px 0 8px 55px;
}

/* -----( page )---------- */

#page
{
	position: relative;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	margin: 0 0 0 172px;
}

/* -----( title )--------- */

#title
{
	background: url('/images/layout/backgrounds/content-title.gif') no-repeat;
	height: 51px;
	padding: 15px 0 0 65px;
}

#title h1
{
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
}

#title h3
{
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
}

#title div
{
	position: absolute;
	left: 7px;
	top: 3px;
	background-repeat: no-repeat;
	width: 51px;
	height: 58px;
}

#title a
{
	color: #ffffff;
}

#title div.dvd							{background-image: url('/images/layout/icons/title/dvd.gif');}
#title div.movie						{background-image: url('/images/layout/icons/title/movie.gif');}
#title div.editorial				{background-image: url('/images/layout/icons/title/news.gif');}
#title div.picture					{background-image: url('/images/layout/icons/title/picture.gif');}
#title div.profile					{background-image: url('/images/layout/icons/title/profile.gif');}
#title div.search						{background-image: url('/images/layout/icons/title/search.gif');}


/* -----( tabs )---------- */

#tabs
{
	padding: 0;
	margin: 0;
	background: url('/images/layout/backgrounds/tab.gif');
	height: 22px;
}

#tabs ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 19px;
}

#tabs li
{
	float: left;
	background: url('/images/layout/backgrounds/tab-right.gif') no-repeat right top;
	height: 19px;
	margin-left: 12px;
	margin-top: 3px;
}

#tabs .first
{
	margin-left: expression("6px");
	/* IE BUG: Double margin on floatable objects */
}

#tabs a
{
	display: block;
	background: url('/images/layout/backgrounds/tab-left.gif') no-repeat left bottom;
	padding: 3px 15px 2px 18px;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #ffffff;
}

#tabs .active
{
	background-image: url('/images/layout/backgrounds/tab-active-right.gif');
	height: 22px;
	margin-top: 0;
}

#tabs .active a
{
	background-image: url('/images/layout/backgrounds/tab-active-left.gif');
	font-size: 12px;
	font-weight: bold;
	padding: 4px 15px 3px 18px;
}

/* -----( content )------- */

#content
{
	position: relative;
	background: #ffffff url('/images/layout/corners/content-bottom.gif') no-repeat left bottom;
	border-top: solid 2px #3e5866;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-size: 12px;
	padding: 12px;
	width: 804px;
}

#content.movie
{
	min-height: 1000px;
}

#content h2
{
	font-weight: bold;
	font-size: 12px;
}

#content h4
{
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 0;
	color: #aaaaaa;
}

#content h5
{
	font-size: 11px;
}

#content .lh15
{
	line-height: 1.5em;
}

/* -----( titlebar )------ */

div.titlebar
{
	background: url('/images/layout/headers/purple/right.gif') no-repeat right top;
	height: 23px;
}

div.titlebar.blue		{background-image: url('/images/layout/headers/blue/right.gif');}
div.titlebar.grey		{background-image: url('/images/layout/headers/grey/right.gif');}
div.titlebar.brown	{background-image: url('/images/layout/headers/brown/right.gif');}

div.titlebar h1,
div.titlebar h2,
div.titlebar h3,
div.titlebar h4,
div.titlebar h5,
div.titlebar h6
{
	background: url('/images/layout/headers/purple/left.gif') no-repeat;
	height: 19px;
	color: #ffffff;
	margin: 0;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 10px 0 10px;
}

div.titlebar.blue h1,
div.titlebar.blue h2,
div.titlebar.blue h3,
div.titlebar.blue h4,
div.titlebar.blue h5,
div.titlebar.blue h6
{
	background-image: url('/images/layout/headers/blue/left.gif');
}

div.titlebar.grey h1,
div.titlebar.grey h2,
div.titlebar.grey h3,
div.titlebar.grey h4,
div.titlebar.grey h5,
div.titlebar.grey h6
{
	background-image: url('/images/layout/headers/grey/left.gif');
}

div.titlebar.brown h1,
div.titlebar.brown h2,
div.titlebar.brown h3,
div.titlebar.brown h4,
div.titlebar.brown h5,
div.titlebar.brown h6
{
	background-image: url('/images/layout/headers/brown/left.gif');
}

/* -----( info )---------- */

#info
{
	position: relative;
	background: #cdd9e0 url('/images/layout/corners/cover-bottom.gif') no-repeat 0 100%;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #3e5866;
	padding-bottom: 10px;
}

#cover
{
	position: relative;
	width: 276px;
	background: url('/images/layout/corners/cover-top.gif') no-repeat;
	padding: 12px 12px 0px 12px;
	margin: 0;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #3e5866;
}

#cover .bottom
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	bottom: expression('-1px');
	width: 300px;
	height: 5px;
	background: url('/images/layout/corners/cover-bottom.gif') no-repeat;
}

#cover img
{
	float: left;
	margin: 0 12px 12px 0;
	border: solid 1px #666666;
}

#info h4
{
	clear: both;
	background: url('/images/layout/info/blue/header.gif') no-repeat;
	height: 19px;
	color: #ffffff;
	margin: 12px 0 0 0;
	font-family: Helvetica, Tahoma, Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 6px 0 6px;
}

#info dl
{
	position: relative;
	padding: 0;
	margin: 7px 12px 5px 12px;
	width: 276px;
}

#info dt
{
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#info dd
{
	padding: 0;
	margin: 0 0 0 60px;
}

#info dl.credits dd
{
	margin: 0 0 0 90px;
}

#info .thumbs
{
	text-align: center;
	padding: 10px;
}

#info .thumbs a
{
	
}

#info .thumbs img
{
	border: solid 1px #3e5866;
}

#info .links
{
	padding: 10px 10px 0 10px;
}

/* -----( comments )------ */

.comment
{
	position: relative;
	float: left;
	width: 480px;
	padding: 6px;
	background: #f0f0f0 url('/images/layout/corners/article-top.gif') no-repeat;
	margin-top: 12px;
}

.comment .bottom
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	bottom: expression("-2px");
	width: 492px;
	height: 5px;
	padding: 0;
	background: url('/images/layout/corners/article-bottom.gif') no-repeat;
}

.comment .user
{
	position: relative;
	float: left;
	width: 108px;
	padding: 4px 0 3px 0;
	background: #fafafa url('/images/layout/corners/user-top.gif') no-repeat;
}

.comment .user .bottom
{
	background: #f0f0f0 url('/images/layout/corners/user-bottom.gif') no-repeat;
	width: 108px;
	height: 5px;
	bottom: expression("-2px");
}

.comment .avatar
{
	width: 96px;
	padding: 5px;
	border: solid 1px #a4a4a4;
	border-width: 0 1px 0 1px;
	text-align: center;
	color: #666666;
	font-size: 11px;
	overflow: hidden;
}

.comment .text
{
	float: left;
	width: 348px;
	padding: 0 12px 0 12px;
	color: #666666;
}

.comment .text .rating
{
	position: absolute;
	top: 5px;
	right: 5px;
}

.comment .text .rating select
{
	font-size: 10px;
	padding: 1px;
}

.comment a
{
	font-weight: bold;
}

.comment h3
{
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 8px;
}

.comment img
{
	margin-bottom: 5px;
}

/* -----( poll )---------- */

div.poll
{
	position: relative;
	background: #f7f3fb url('/images/layout/corners/poll-bottom.gif') no-repeat 0 100%;
	background-color: #e4e4e4;
	color: #525252;
}

div.poll #text
{
	padding: 12px;
	line-height: 1.5em;
}

div.poll a
{
	color: #525252;
	font-weight: bold;
}

/* -----( box )----------- */

div.textbox
{
	position: relative;
	background: #f7f3fb url('/images/layout/corners/article-bottom.gif') no-repeat 0 100%;
	color: #4d485c;
}

div.textbox.small
{
	background-image: url('/images/layout/corners/info-bottom.gif');
	font-size: 11px;
}

div.textbox #text
{
	padding: 12px;
	line-height: 1.5em;
}

div.textbox a
{
	font-weight: bold;
}

div.textbox.grey				{background-color: #e4e4e4; color: #525252;}
div.textbox.blue				{background-color: #f4fbff; color: #3e5866;}
div.textbox.brown				{background-color: #f5f2ef; color: #5e5646;}

div.textbox.grey a			{color: #525252;}
div.textbox.blue a			{color: #3e5866;}
div.textbox.brown a			{color: #5e5646;}

/* -----( pictures )------ */

#pictures
{
	position: relative;
	background: #e4e4e4 url('/images/layout/corners/article-bottom.gif') no-repeat 0 100%;
}

#pictures #thumbs
{
	padding: 12px;
	text-align: center;
}

/* -----( pagenav )------- */

#pagenav
{
	clear: left;
	margin-top: 12px;
	text-align: center;
}

#pagenav a
{
	display: inline-block;
	border: solid 1px #3e5866;
	font-size: 11px;
	padding: 3px 7px 3px 7px;
}

#pagenav a:hover
{
	text-decoration: none;
	/*color: #c00000;
	border-color: #c00000;
	*/
	color: #ffffff;
	background-color: #3e5866;
}

#pagenav b
{
	display: inline-block;
	border: solid 1px #3e5866;
	font-size: 12px;
	padding: 2px 7px 3px 7px;
	color: #ffffff;
	background-color: #3e5866;
}

/* -----( credits )----- */

#list th,
#list td
{
	font-size: 11px;
	padding: 5px 8px 5px 8px;
	border-bottom: solid 1px #a39cab;
	color: #4d485c;
}

#list th
{
	background-color: #bcb7c3;
}

#list td.color
{
	background-color: #f7f3fb;
}

#list a
{
	font-weight: bold;
	color: #4d485c;
}

#list.grey a					{color: #525252;}
#list.grey th					{background-color: #d8d8d8; color: #525252; border-bottom-color: #c0c0c0;}
#list.grey td					{color: #525252; border-bottom-color: #c0c0c0;}
#list.grey td.color		{background-color: #f4f4f4;}

#list.blue a					{color: #3e5866;}
#list.blue th					{background-color: #cdd9e0; color: #3e5866; border-bottom-color: #b0bac0;}
#list.blue td					{color: #3e5866; border-bottom-color: #b0bac0;}
#list.blue td.color		{background-color: #f4fbff;}

#list.brown a					{color: #5e5646;}
#list.brown th				{background-color: #c5b8a5; color: #5e5646; border-bottom-color: #b6ada1;}
#list.brown td				{color: #5e5646; border-bottom-color: #b6ada1;}
#list.brown td.color	{background-color: #f5f2ef;}

/* -----( ratings )----- */

#ratings
{
	
}

#ratings div.rating
{
	float: left;
	width: 114px;
	margin-right: 9px;
	margin-bottom: 20px;
	margin-bottom: expression("0px");
	background: #f4f4f4 url('/images/layout/corners/rating-bottom.gif') no-repeat 0 100%;
	text-align: center;
	padding-bottom: 8px;
}

#ratings div.icon
{
	width: 114px;
	height: 60px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	margin: 12px 0 6px 0;
}

#ratings div.icon.movie					{background-image: url('/images/layout/icons/ratings/movie.gif');}
#ratings div.icon.picture				{background-image: url('/images/layout/icons/ratings/picture.gif');}
#ratings div.icon.sound					{background-image: url('/images/layout/icons/ratings/sound.gif');}
#ratings div.icon.extra					{background-image: url('/images/layout/icons/ratings/extra.gif');}
#ratings div.icon.overall				{background-image: url('/images/layout/icons/ratings/overall.gif');}

#ratings span
{
	font-size: 32px;
	padding-left: 12px;
	font-weight: bold;
}

/* -----( news )----- */

#news .item
{
	background: #f4f4f4 url('/images/layout/corners/article-bottom.gif') left bottom no-repeat;
}

#news .item[class]
{
	width: 492px;
}

#news .item .textbox
{
	margin-bottom: 15px;
	background: url('/images/layout/corners/article-top.gif') no-repeat;
	padding: 12px;
}

#news .picture
{
	position: relative;
	margin-top: 12px;
}

#news .picture img
{
	float: left;
	margin-right: 12px;
	border: solid 1px #666666;
}

#news h1
{
	font-size: 16px;
	margin: 0;
	padding: 4px 0 0 40px;
}

#news .info
{
	font-size: 11px;
	padding: 0 0 0 41px;
}

#news .info a
{
	font-weight: normal;
}

#news p
{
	margin-bottom: 10px;
	margin-top: 12px;
	line-height: 1.5em;
}

#news .picture p
{
	margin-top: 0;
}

#news .readmore,
#article .readmore
{
	text-align: right;
	margin-top: 5px;
	font-size: 10px;
}

#news .readmore a,
#article .readmore a
{
	font-size: 12px;
	font-weight: bold;
}

#news .clear
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

#news span.calDate
{
	float: left;
	display: block;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: #a0a0a0;
	background: url(/images/layout/backgrounds/date_top.gif) 0 0 no-repeat;
	margin-top: 0;
	width: 35px;
	padding-top: 5px;
	
}

#news span.calDate .day
{
	display: block;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -2px;
	text-indent: -3px;
	color: #c0c0c0;
	background: url(/images/layout/backgrounds/date_bottom.gif)	bottom left no-repeat;
	padding-bottom: 5px;
}
