html {background-color:#eeeeee;}
body  {margin:0px;font-family:'Helvetica Neue',Arial,Sans-Serif;color:#333;background-image:url(/img/bg2.png);background-repeat:repeat-x;line-height:1.75;}
img {border:0;}

/************id************/

#bd {padding:20px;background-color:#fafafa;border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;}
#ft {padding:3px 20px 20px 20px;color:#666;font-size:11px;}
#header {position:relative;z-index:20000;height:50px;}

#navigation {position:absolute; top:21px; left:160px; margin-left:40px; }
#navigation a {text-decoration:none;font-size:12px;color:#fff;margin-right:10px;}
#navigation a:hover {text-decoration:underline;}
#navigation ul{margin: 0;padding: 0;list-style-type: none;}
#navigation ul li{position:relative; display:inline; float:left;}
#navigation ul li ul{position:absolute; left:0; display:block; visibility:hidden;}
#navigation ul li ul li {display:block; clear:left;}
#navigation ul li ul li a{width: 160px; margin: 0;}

#navigation .sub {
	padding:0 0 10px 20px;
	margin-left:-20px;
	background-color:#2585d1;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	width:150px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}

#uebersicht {float:left;font-weight:bold;margin-right:3px;}

#tagline {padding:5px 20px 5px 20px;font-size:12px;line-height:1.5;}

#teaser {border:1px solid #E7E8E8;background-color:#EFF1F7;padding:20px;-moz-border-radius:5px;-webkit-border-radius:5px;}

#start {padding:20px;}
 
#filmtitel {position:relative;margin:0;}

#rating {position:relative;margin:10px 0 0 0;}    

#filmbewertung {position:relative;}

#window_rating {margin-top:10px;margin-bottom:10px;}
#window_rating h2 {border-bottom:solid 1px #EBE9D5;margin-bottom:10px;}
#window_login {display:none;margin:0 0 10px 0;padding:10px 20px 10px 20px;background-color:#fafafa;border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;}
#window_rss {display:none;}

#filmliste {width:100%;}

#filmliste th {padding:3px 10px;white-space:nowrap;}

#filmliste td {border-bottom:1px solid #ccc;padding:3px 10px;}

#filmliste .filmliste-header {border-bottom:1px solid #ccc;padding:3px 10px;cursor:pointer;}

/**********class**********/

.yui-t5 {width:100%;}

.content {font-size:12px;}    

.headerimg {margin-left:20px;} 

.punkt {color:#ff9933;}

.bewertung {background-color:#f2f2f2;padding:5px;margin: 0 0 20px 0;}

.comment {padding:9px 0 8px 0;border-top:solid 1px #E7E8E8;}

.comment .actions {visibility:hidden;white-space:nowrap;}
.comment:hover .actions {visibility:visible;white-space:nowrap;}

.userprofilelink .actions {visibility:hidden;white-space:nowrap;}
.userprofilelink:hover .actions {visibility:visible;white-space:nowrap;}

.list .actions {visibility:hidden;white-space:nowrap;}
.list:hover .actions {visibility:visible;white-space:nowrap;}

.sidebar
 {
	border:1px solid #E7E8E8;
	background-color:#EFF1F7;
	padding:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:20px;
	font-size:12px;
}

.linie {margin:10px 0 10px 0;width:92%;height:1px;background-color:#E7E8E8;}

.linie2 {margin:10px 0 10px 0;width:98%;height:1px;background-color:#E7E8E8;}

.rating {text-align: right;white-space: nowrap;padding:1px 2px 1px 2px;-moz-border-radius:2px;-webkit-border-radius:2px;}

.out {
	text-align: right;
	white-space: nowrap; 
	padding:1px 4px 1px 4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.prediction {
	text-align: right;
	white-space: nowrap; 
	padding:1px 2px 1px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
/*	padding:1px 2px 1px 2px;
	border: solid 1px #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
*/
}

.extrafilm {background: url(/img/zusatzfilm.png) center right no-repeat;padding-right:18px;}

.trailer {background: url(/img/icons/film.png) center left no-repeat;padding-left:18px;}

.hinweis{font-weight:bold;background-color:yellow;}

.description {font-size:11px;margin:0;}

.einfg {font-size:11px;color:#0066ff;}

.entf {font-size:11px;color:red;}

/**********element**********/

h1 {font-size:24px;margin:0;vertical-align:middle;}

h2 {font-size:18px;font-weight:normal;margin:0;}

/*a:link,a:visited  {color:#0e84d9;text-decoration:none;}*/
a:link,a:visited  {color:#0044cc;text-decoration:none;}

a:hover {text-decoration:underline;}

a.ohne {color:#fff;text-decoration:none;text-transform:uppercase;}

a.rsslink {background: url(/img/icons/feed.png) center left no-repeat;padding:2px 0 2px 20px;}

ol li {list-style-type:lower-alpha;margin-left:20px;}

form {margin:0;}

dd {margin:5px 0 5px 0;}

select.profil 
{
	border:1px solid #E7E8E8;
	background-color:#EFF1F7;
	padding:3px;
}

input.profil, textarea.profil
{
	width:90%;
	border:1px solid #E7E8E8;
	background-color:#EFF1F7;
	font-family:'Helvetica Neue',Arial,Sans-Serif;
	padding:3px;
}

input.socialprofil
{
	width:60%;
	border:1px solid #E7E8E8;
	font-family:'Helvetica Neue',Arial,Sans-Serif;
	background-color:#EFF1F7;
	padding:3px;
}

input.register
{
	width:50%;
	border:1px solid #E7E8E8;
	background-color:#EFF1F7;
	padding:3px;
}

input.suche
{
	width:90%;
	border:1px solid #E7E8E8;
	background-color:#EFF1F7;
	padding:3px;
}

input.index
{
	width:90%;
	border:1px solid #E7E8E8;
	background-color:#fafafa;
	padding:3px;
}

input.submit {
	padding:3px;
	cursor:pointer;
}

input.rate-submit {
	padding:3px;
	cursor:pointer;
}

input.rate-input, textarea.rate-input
{
	width:390px;
	height:40px;
	border:1px solid #ccc;
	font-family:'Helvetica Neue',Arial,Sans-Serif;
	background-color:#EFF1F7;
	padding:3px;
}

input.searchbox
{
	width:222px;
	background:url(/img/searchbox.png) no-repeat left top;
	padding:4px 12px 4px 12px;
	border:0;
}

/* rating slider */

.ui-slider {
 position: relative;
 text-align: left;
 width: 391px;
 height: 26px;
 cursor:pointer;
 border: 0;
 margin-bottom: 10px;
}

.guestscale  { background-image: url(cinerate/i/slider-bg-guest-391x26.png);}

.userscale  { background-image: url(cinerate/i/slider-bg-user-391x26.png);}

.ui-slider .ui-slider-handle {
 position: absolute;
 z-index: 2;
 width: 30px;
 height: 26px;
 top: 0px;
 left: 0px;
 cursor: default;
 background-image: url(cinerate/i/slider-handle-30x26.png);
 border: 0;
 margin: 0;
 padding: 0;
}

/**********Twitter**********/
a.twitter_teaser {background: url(/img/netzwerk/twitter.png) center left no-repeat;padding:1px 0 1px 18px;}
a.twitter_description {background: url(/img/netzwerk/twitter.png) center left no-repeat;padding:2px 0 2px 18px;}

/*****Filmfinder******/
#filmfinder {
	float:right;
	margin:22px 20px 0 0;
}
.ac_results {
	padding: 0px;
	background-color: #2585d1;
	color: #fff;
	overflow: hidden;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	/*font: menu;*/
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/css/indicator.gif') right center no-repeat;
}

.ac_results .ac_odd {
	background-color:#2585d1;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	z-index: 99999;
}

.ac_results .ac_over {
	text-decoration:underline;
	cursor:pointer;
}

input.filmfinder {
	font-size:12px;
	color:#333;
	border:1px solid #E7E8E8;
	background:#eeeeee url('/img/icons/page_find.png') left center no-repeat;
	padding:1px 1px 1px 18px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	width:180px;
}