/*


	Stylesheet FilmVandaag.nl
	Door Kaz Alting
	www.grasveld.net


*/

html{
	height:100%;
}

body{
	background-color:#fff;
	background-image:url(images/stroke.png);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	height:100%;
}

#container{
	position:relative;
	width:728px;
	text-align:left;
	margin:0 auto -198px auto;
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
}

/* MENU */ 
#menu, #submenu{
	font-size:13px;
	font-weight:bold;
}

#menu{
	position:relative;
	top:31px;
}

#menu ul, #submenu ul, #adminmenu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#menu li, #submenu li{
	display:inline;
	margin:0;
}

#menu a, #submenu a{
	color:#000;
	background-color:#fff;
	text-decoration:none;
	text-align:center;
	position:relative;
	min-width:120px;
	padding:10px;
	margin-right:5px;
	border:solid #dbdbdb 2px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	outline:0;
}

#submenu a{
	border-bottom:solid #fff 2px;
}

#menu a:hover, #submenu a:hover{
	color:#a31919;
}

#submenu{
	position:relative;
	float:right;
	top:147px;
}

#submenu li{
	/*border-bottom:solid #fff 2px;*/
}

/* SEARCH FORM */
#menu-zoek{
	position:absolute;
	right:0;
	margin-top:5px;
	border:solid black 0px;
	z-index:99999;
}

#menu-zoek input[type="text"]{
	border-radius:3px;
	box-shadow:0 0px 1px rgba(0,0,0,0.3);
	color:#666;
	padding:6px 25px 6px 6px;
	border-color:#ccc;
	width:150px;
}

#menu-zoek input[type="text"]:focus{
	color:#333;
	border-color:#aaa;
}

#menu-zoek input.glass{
	background:url(images/zoek.png) #fff no-repeat;
	background-color:transparent;
	border:0;
	display:block;
	position:absolute;
	cursor:pointer;
	right:3px;
	top:9px;
	width:22px;
	height:14px;
	outline:0;
}

#menu-zoek input.glass:active{
	-ms-background-position-x: 1px;
	-ms-background-position-y: 1px;	
}

#menu-zoek input[type="submit"]{
}

/* ADMIN MENU */
#adminmenu{
	position:relative;
}

#adminmenu ul{
	
}

#adminmenu li{
	display:inline;
	margin:0 5px 0 0;
	border:solid #dbdbdb 0px;
	font-weight:bold;
}

/* DE REST */

#header{
	height:190px;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
}

#loginmenu{
	position:relative;
	float:left;
}

#content{
	position:relative;
	padding-top:8px;
	padding-bottom:8px;
	width:728px;
	line-height:1.4;
	color:#2f2929;
	font-size:13px;
	/*min-height:580px;*/
}

#content a, #meertijdenlink{
	color:#a82a34;
	text-decoration:underline;
	outline:0;
}

#content a:hover, #content .zoektabel a:hover, #meertijdenlink:hover{
	color:#282828;
}

#container a img{
	border:0;
}

#content .toplijst a{
	border:0;
	text-decoration:none;
}

#push{
	height:220px;
}

#footer{
	position:relative;
	height:198px;
	width:100%;
	background-color:#35434b;
}

#footermenu{
	position:relative;
	top:8px;
	text-align:left;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#footermenu h4{
	margin:0;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
}

#footermenu a{
	color:#bee7ff;
	font-size:8pt;
	text-decoration:none;
}

#footermenu a:hover{
	text-decoration:underline;
	color:#fff;
}

#footermenu ul{
	list-style:none;
	float:left;
	margin-right:40px;
	padding:0;
}

#footermenu li{
	color:#fff;
	margin:3px;
	margin-left:0;
}

#googlead{
	position:relative;
	width:100%;
	top:15px;
	text-align:center;
}

#footertekst{
	position:relative;
	font-size:12px;
	text-align:right;
	bottom:20px;
	right:30px;
	color:#fff;
}

#footertekst a{
	color:#fff;
	text-decoration:underline;
}

#footertekst a:hover{
	text-decoration:none;
}

/* Algemene waardes */
.nopadding{
	padding:0;
}

.nomargin{
	margin:0;
}

h1, h2, h3{
	margin:0;
	line-height:1.4;
	color:#bf2e24;
	font-weight:normal;
}

h1, h2{
	font-size:18pt;
}

.toplijst{
	padding:0px;
	border-spacing:0;
	font-size:14px;
	width:100%;
	line-height:normal;
}

.toplijst td{
	padding:3px;
	border-bottom:solid #ccc 1px;
}

.toplijst th{
	background-color:#5e8e9d;
	color:#ffffff;
	font-weight:bold;
	font-size:11pt;
}

.toplijst .regel1{
	background-color:#eef8fb;
}

.toplijst .infokolom{
	vertical-align:top;
}

.toplijst strong{
	font-size:15px;
}

.toplijst .titel h2{
	font-weight:normal;
	font-style:normal;
	font-size:18px;
	letter-spacing:0px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2;
}

.toplijst .score{
	float:right;
	font-size:18px;
	color:#1a3756;
}	

.toplijst .score small{
	color:#1a3756;
}

.toplijst .score small{
	font-size:9px;
}

.toplijst .leesverder{
	font-weight:bold;
}

.toplijst{
	color:#272727;
}

.infokolom .info{
	line-height:1.5;
	font-size:12px;
}

.toplijst .nr{
	font-size:18px;
	font-weight:normal;
	letter-spacing:-1px;
	text-align:center;
	width:55px;
	vertical-align:top;
	color:#225a7c;
}

.toplijst .nr img{
	padding-top:5px;
}

.toplijst .nr .lichtezender{
	font-size:16px;
	font-weight:bold;
	color:#c4dde5;
}

.cover{
	font-size:20px;
	text-align:center;
	width:100px;
}

.cover img{
	border:solid #E0E0E0 1px;
	padding:1px;
	background: #fff;
}

.rss{
	position:absolute;
	right:10px;
	margin-top:1px;
}

.toplijst .link{
	padding:3px;
	border:solid #d8e2e5 1px;
	background-color:#fafafa;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

/* FILM */
.film{
	padding-bottom:0px;
	line-height:1.5;
}

h3{
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;
}

.film .zender{
	color:#1a3756;
	font-size:15px;
	font-weight:bold;
	background:url(images/tv.png) no-repeat;
	text-indent:20px;
}

.film .info{
	clear:left;
}

.film .plot{
	font-size:11pt;
	margin:0px 0 10px 0;
}

.film .basicinfo{
	border-top:solid #eee 1px;
	border-bottom:solid #eee 1px;
	margin:5px 0 10px 0;
	padding:5px 0;
	background:#fff;
}

#addthis a{
	border:0;
}

#addthis{
	border:solid #eee 0px;
	height:16px;
}

.film .informatie, .reactie-item{
	width:503px;
	position:relative;
	
}

.film .zenderlogo{
	float:right;
	font-size:12pt;
	position:relative;
	top:0px;
}

.film .zenderlogo, .mailfriend, .mailfriend2{
	padding:5px;
	margin:5px;
	border:solid #cbdde3 1px;
	letter-spacing:0px;
	line-height:1.0;
	font-weight:bold;
	text-align:center;
	color:#1a3756;
	background-color:#eef8fb;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.mailfriend{
	font-size:11pt;
	margin:0;
	margin-top:4px;
	text-align:left;
	line-height:1.3;
}

.mailfriend2{
	font-size:10pt;
	margin:0;
	padding:2px;
}

.film .afbeelding{
	float:right;
	padding:0px;
	margin:5px 0 5px 5px;
	margin-left:10px;
	border:solid #dbdbdb 0px;
	position:relative;
	z-index:1;
}

.film .afbeelding img{
	border:solid #eee 1px;
	padding:1px;
	margin-bottom:5px;
}

.film .beoordeling{
	padding-top:20px;
	font-size:15px;
	font-weight:bold;
	color:#a61515;
}

#trailercontainer{
	z-index:99999;
	position:relative;
	clear:both;
}

/* SMS */
.sms {
	font-weight:normal;
	text-align:center;
	padding:10px;
	width:400px;
	margin:10px auto 0 auto;
	border:solid #991919 1px;
}

.sms .titel{
	font-size:18px;
	color:#d41c1c;
}

/* ADMIN */
.loginform{
	padding:5px;
	width:100%;
	margin:7px auto 0 auto;
	color:#000;
	font-size:14px;
}

.loginform small{
	font-size:11px;
	color:#444;
}

.loginform input[type="text"], .loginform input[type="password"]{
	width:190px;
}

.loginform select{
	width:202px;
}

.loginform textarea, .loginform input[type="text"], .loginform input[type="password"], .loginform select{
	background:#fffdef;
}

textarea, input[type="text"], input[type="password"], select{
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:1px;
	padding:5px;
}

input[type="submit"]{
	padding:5px;
	font-size:14px;
}

.filmlijst th{
	font-size:14px;
	color:#000;
	background:#EEEEEE;
}

.toevoegen{
	padding:2px;
	margin:0;
}

.toevoegen input, .toevoegen textarea{
	width:250px;
}

.toevoegen textarea{
	height:100px;
}

.toevoegen .smallinput{
	width:70px;
}

.mededeling h3{
	margin:0;
	margin-bottom:5px;
	color:#000;
}

.mededeling{
	position:relative;
	font-weight:normal;
	font-size:14px;
	color:#222;
}

.mededeling ul{
	padding:0;
	margin:0;
	list-style:none;
}

.mededeling.film, .mededeling.tv{
	background-repeat:no-repeat;
	background-position:11px 11px;
	padding-left:37px;
}

.mededeling.film{
	background-image:url(images/film.png);
}

.mededeling.tv{
	background-image:url(images/tv.png);
	background-position-y:10px;
}

.mededeling small{
	font-size:12px;
}

.mededeling .textarea{
	width:300px;
	height:200px;
}

.mededeling .menu{
	list-style:none;
	font-size:12px;
}

.mededeling .menu li{
	display:inline;
	margin-right:8px;
}

.sorteer{
	font-size:12pt;
	font-weight:bold;
	text-align:right;
	color:#000033;
}

#tip{
	position:absolute;
	top:160px;
	color:#fff;
	font-size:10pt;
}

#tip a{
	color:#fff;
}

.feedbackform{
	margin:20px 0 0 20px;
}

.feedbackform div{
	margin: 8px 0 0 0;
	font-weight:bold;
	line-height:1.5;
	font-size:11px;
}

.feedbackform input, .feedbackform textarea{
	width:350px;
	margin:3px;
}

.feedbackform input:focus, .feedbackform textarea:focus{
	background:#FFC;
}

.feedbackform .knop{
	border:0;
	width:auto;
	font-size:18px;
	background:#ba1004;
	color:#fff;
}

.feedbackform .knop:hover{
	background:#9e0e03;
}

.feedbackform .knop:active{
	background:#850f06;
}

/* GOOGLE AD */
.googlead-links{
	position:absolute; 
	float:left;
	left:-129px;
	top:150px;
}

/* BIOSCOOPTABEL */
#content .sortfilms, #content .button{
	background:url(images/button-gradient.png) #c9180b repeat-x;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:2px 8px;
	color:#fff;
	text-shadow:#900e05 1px 1px 0px;
	/*box-shadow:0 0px 3px rgba(0,0,0,0.3);*/
	border:solid #c41a0f 1px;
	text-decoration:none;
	font-size:12px;
}

#content .button{
	cursor:pointer;
	margin:5px 0 0 0;
}

#content .off{
	border-color:#5d5b5b;
	background:url(images/button-gradient2.png) #797878 repeat-x;
	text-shadow:#444 1px 1px 0px;
}

#content .sortfilms:hover, #content .button:hover{
	background-position:0 -10px;
	color:#fff;
}

#content .off:hover{
	background-position:0 -2px;
}

#content .sortfilms{
	float:right;
	margin-bottom:.5em;
	margin-top:-1.5em;
}

#release_overzicht a, #content .zoektabel a{
	border:0;
	text-decoration:none;
	color:#c01f2c;
}

#release_overzicht h3{
	font-size:20px;
	font-weight:normal;
	border-bottom:solid #eee 0px;
	padding-bottom:2px;
	margin-bottom:.5em;
	*text-indent:10px;
	/*color:#333;*/
}

.bioscooptabel, .zoektabel{
	width:100%;
	border-collapse:collapse;	
	margin-bottom:2em;
}

.bioscooptabel tr td, .zoektabel tr td, #filmlijst tr td{
	border-bottom:solid #ddd 1px;
	padding:5px 0px 1px 5px;
	vertical-align:top;
}

.bioscooptabel.nu td, .zoektabel td{
	padding:6px 0px 2px 4px;
}

.bioscooptabel.jaaroverzicht td{
	padding-bottom:0px;
	padding-left:5px;
}

.bioscooptabel .bios-titel{
	font-size:normal;
	font-weight:bold;
}

.bioscooptabel.nu .bios-titel, .zoektabel .zoek-titel{
	font-size:13px;
	font-weight:bold;
}

.bioscooptabel tr:last-child td, .zoektabel tr:last-child td{
	border-bottom:solid #eee 1px;
}

.bioscooptabel .cover, .bioscooptabel .cover-nu, .bioscooptabel .cover-jaaroverzicht, .zoektabel .cover{
	border:solid #eee 1px;
	background:#fff;
	padding:1px;
}

.bioscooptabel .cover{
	width:67px;
	height:94px;
}

.bioscooptabel .cover-nu{
	width:40px;
	height:56px;
}

.bioscooptabel .cover-jaaroverzicht{
	width:29px;
	height:40px;
}

.tr1{
	background:#f6f6f6;
	border:inherit;
}

.bioscooptabel div{
	position:relative;
}

.bioscooptabel .trailer{
	position:absolute;
	text-align:right;
	right:5px;
	top:-4px;
	font-size:11px;
}

#content .darklink a, #content a.darklink{
	
}

#content .bioscooptabel .darklink:hover{
	color:#111;
}

.bioscooptabel .small{
	font-size:11px;
}

.bioscooptabel .trailer img{
	position:relative;
	top:3px;
}

.binnenkort, .reactie-bbcode, .mededeling{
	background:#fffdef;
	border:solid #EACBA6 1px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:10px;
	margin:1em 0;
	box-shadow:0px 0px 0px rgba(0,0,0,0.2);
}

/* TRAILERS */
.trailertabel{
	border-collapse:collapse;
}

.trailertabel td{
	border:solid black 0px;
	width:170px;
	vertical-align:top;
	padding-right:13px;
	padding-bottom:20px;
	text-align:center;
}

.trailertabel td:last-child{
	padding-right:0;
}

.trailertabel .cover, .mosaic-block{
	width:165px;
	height:231px;
}

.trailertabel .cover:hover{
	border-color:#dddddd;
}

#content .navigatie a{
	text-decoration:none;
}

#content .navigatie{
	font-size:14px;
}

#content .trailertabel a{
	font-weight:bold;
	text-decoration:none;
}

/* REACTIES */
.clear{
	clear:both;
}

.reactie-item{
	background:#f9f9f9;
	border:solid #dddddd 1px;
	color:#222;
	margin-bottom:1em;
	position:relative;
}

.reactie-form textarea, .reactie-item, .reactie-spoiler, .reactie-bbcode{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.reactie-adminmenu{
	float:right;
	position:relative;
	right:-15px;
}

.mijnpost{
	border-left-width:3px;
	border-left-color:#bbb;
	width:500px;
}

.reactie-item{
	/*width:100%;*/
}

.reactie-info, .reactie-tekst{
	padding:10px;
	border:solid black 0px;
}

.reactie-info{
	float:left;
	font-weight:bold;
	font-size:12px;
}

.reactie-tekst{
	float:left;
	width:400px;
	padding-left:0;
}

.reactie-ui{
	padding:1px;
	width:50px;
	height:50px;
	border:solid #eee 1px;
}

.reactie-user{
	border:solid black 0px;
	margin-top:-3px;
	margin-bottom:.5em;
}

.reactie-admin{
	color:#bd160a;
	font-size:10px;
}

.reactie-datum{
	font-size:11px;
}

.reactie-plaats{
	width:490px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.reactie-spoiler{
	background:#cff3fe;
	color:#0d242b;
	border:solid #a8dae9 1px;
	padding:2px;
	font-weight:bold;
	text-shadow:#fff 1px 1px 0px;
	cursor:pointer;
}

.reactie-bbcode{
	float:right;
	width:190px;
	height:140px;
	position:relative;
	top:1px;
	padding:10px;
	font-size:14px;
	margin:0;
}

/* MOSAIC */
.mosaic-block{
	position:relative;
	overflow:hidden;
	border:1px solid #fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:1px;
}
	
.mosaic-overlay{
	display:none;
	z-index:5;
	position:absolute;
	background:#111;
	bottom:-19px;
	left:0;
	width:164px;
	height:43px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

#content a.mosaic-overlay, .mosaic-overlay{
	color:#fff;
}

.mosaic-details{
	padding:3px;
	font-weight:normal;
}

.mosaic-details h4{
	margin:0;
	padding:0;
}

/* ZOEKTABEL */
.zoekform input[type="text"]{
	width:200px;
}

.zoektabel th{
	padding:7px;
	background:#333;
	color:#fff;
	font-weight:normal;
	font-size:13px;
	text-align:left;
}

.zoektabel td{
	font-size:11px;
	line-height:1.25;
	color:#444;
}

.zoektabel td img.cover{
	width:42px;
	height:58px;
}

.small{
	font-size:11px;
}

.navdivider{
	position:relative;
	display:inline;
	top:-1px;
}

hr{
	border:0;
	background:#d7d7d7;
	height:1px;
	border-bottom:solid #fff 1px;
}

/* CAST */
.cast-tabel{
	font-size:12px;
	border-collapse:collapse;
}

.cast-tabel th{
	font-size:15px;
	background:#eee;
}

#cast-tabel a{
	color:#111;
	text-decoration:none;
	font-weight:bold;
}

#cast-tabel a:hover{
	color:#111;
	text-decoration:underline;
}

.cast-tabel td, .cast-tabel th{
	padding:5px;
}

/* ALTERNATE */
#alternate-style{
	background-color:#f2f2f2;
}

#alternate-style #container{
	width:962px;
}

#alternate-style #content{
	padding:25px 40px;
	line-height:1.5;
}

#alternate-style #content, .filmlijst-rechts-item{
	background:#fff;
	border:solid #ddd 1px;
	margin:20px 0 0 0;
}

#alternate-style #content, #filmlijst-rechts{
	color:#373737;
	font-size:14px;
}

#alternate-style .width-880{
	width:880px;
}

#alternate-style .width-610{
	width:610px;
	float:left;
}

#alternate-style #footer{
	background:#222;
}

#alternate-style h1{
	font-size:32px;
}

#alternate-style h2{
	font-size:18px;
	color:#444;
}

#alternate-style a:hover{
	text-decoration:none;
}