body{margin:0;padding:0;text-align:center;background:#000}
body,td{font:normal 12px Arial;color:#FFF;line-height:19px}
h1,h2,h3{font:normal 17px "Franklin Gothic Medium";color:#fc0; margin:0;padding:0 0 10px 0; text-transform:uppercase}
h3{font:bold 15px "Trebuchet MS"}
h1 span,h2 span,h3 span{color:#FFF}
p{margin:0;padding:0 0 18px 0}
a{text-decoration:underline;color:#ccc}
.none {
	color:#fc0; text-decoration:none;
}
.none:hover { text-decoration:underline; }
a:hover,
#head #login a:hover,
#head #block-1 ul li b a:hover,
#container .box-menu li b a:hover,
#container .ol-1 li a:hover,
#container .pages a:hover,
#container .pages b,
#container .yellow,
#container .ul-result li .desc a,
#container .votes span,
#container .rate:hover,
#container .comment ul li .comment a:hover,
#container .detail .move b span,
#container .box-6 .ul-top-2 li a{color:#fc0}
a img{border:0}
form{padding:0; margin:0}
input,select,textarea{font:normal 12px Arial}
.input,select,textarea{color:#CCC; background:#000; border:1px solid #636363}
.button,
#head #login a.button,
#pop .box-9 .box-4 a{border:0; color:#FC0; font:bold 14px "Trebuchet MS"; text-transform:uppercase; padding:0 0 0 17px;margin:0; background:url(http://www.cinemalink.nl/images/css/but-1.gif) 0 50% no-repeat;text-decoration:none}
.button_terug{border:0; color:#FC0; font:bold 14px "Trebuchet MS"; text-transform:uppercase; padding:0 0 0 17px;margin:0; background:url(http://www.cinemalink.nl/images/css/but-3.gif) 0 50% no-repeat;text-decoration:none}
.button:hover,
.button span,
.button_terug:hover,
#head #login a.button:hover,
#container .ul-result li .desc a:hover,
#container .comment ul li .comment a,
#pop .box-9 .box-4 a:hover,
#container .box-6 .ul-top-2 li a:hover{color:#FFF}
.clr{clear:both}
.red{color:#f00}
big{font-size:15px}


#main{width:968px;margin:0 auto;text-align:left}
#main.small{width:400px;margin:0 auto;text-align:left}
#main #head{padding:19px 0 0 0; height:100%}
#main #container{padding:35px 0 7px 0; height:100%}
#main #container #sub-container{width:726px; float:left}
#main #container #left-colum{width:105px; float:left; padding:0 0 0 10px}
#main #container #content{width:716px; float:left; padding:0 0 0 10px}
#main #container #content-2{padding:0 0 0 10px}
#main #container #content h1{margin-left:-6px}
#main #container #sub-container #content{width:605px; float:right}
#main #container #sub-container #content h1{margin:0}
#main #container #right-colum{width:227px; float:right}
#main #footer{ padding:5px 0 20px 10px;color:#FC0; border-top:1px solid #666}
/*---POP---*/
#pop{width:310px; margin:0 auto; padding:35px 10px}
#pop #head{}
#pop #container{text-align:left; padding:30px 0 0 0}
#pop .box-9{padding:0 0 15px 30px}
#pop .box-9 .box-4{float:left; margin-right:12px}
#pop .box-9 .box-4 .deco{float:left; padding:0}
#pop .box-9 .box-4 a{display:block; width:100px; padding:2px 10px;background:none; text-align:center}

#head #logo{float:left; height:72px; margin-bottom: 45px}
#head #login{float:right; font-size:11px; text-align:right}
#head #login .input{margin-left:9px}
#head #login a{color:#FFF}
#head #login input{vertical-align:middle}
#head #menu{clear:both; margin:0; padding:0; list-style:none; height:29px; position:relative; z-index:5}
#head #menu li{float:left; background:#333 url(http://www.cinemalink.nl/images/css/mn-1-5.gif) 0 100% repeat-x; font:bold 15px "Trebuchet MS"; line-height:29px; margin-right:6px}
#head #menu li b{display:block; background:url(http://www.cinemalink.nl/images/css/mn-1-3.gif) 0 0 no-repeat; height:29px; float:left}
#head #menu li b a{display:block; height:29px; float:left; padding:5px 7px; text-decoration:none; background:url(http://www.cinemalink.nl/images/css/mn-1-4.gif) 100% 0 no-repeat}
#head #menu li.act{background:#484848 url(http://www.cinemalink.nl/images/css/mn-1-1.gif) 0 0 no-repeat; height:30px; margin-bottom:-1px; position:relative}
#head #menu li.act b{background:url(http://www.cinemalink.nl/images/css/mn-1-2.gif) 100% 0 no-repeat; padding:0 7px}
#head #menu li.act b a{background:none; padding:5px; color:#FFF}
#head #block-1{padding:17px 10px 0 5px; height:26px; border-top:1px solid #666; border-bottom:1px solid #666; background:url(http://www.cinemalink.nl/images/css/head.gif) 0 0 repeat-x}
#head #block-1 #zoeken{float:left}
#head #block-1 #zoeken .input{margin-left:8px}
#head #block-1 #zoeken input,
#head #block-1 #zoeken select{vertical-align:middle}
#head #block-1 ul{margin:0; padding:10; list-style:none; float:right}
#head #block-1 ul li{float:left; background:#666 url(http://www.cinemalink.nl/images/css/mn-2-1.gif) 0 100% repeat-x; margin-left:4px; height:26px; font:bold 11px Arial; line-height:26px; text-transform:uppercase}
#head #block-1 ul li b{display:block; height:26px; float:left; background:url(http://www.cinemalink.nl/images/css/mn-2-2.gif) 0 0 no-repeat}
#head #block-1 ul li b a{display:block; height:26px; float:left; background:url(http://www.cinemalink.nl/images/css/mn-2-3.gif) 100% 0 no-repeat; padding:0 8px; margin:10px 0; text-decoration:none; color:#FFF}

#container .ul-genres{margin:0; padding:0 0 10px 4px; list-style:none}
#container .ul-genres-sm{margin:0; padding:0 0 18px 4px; list-style:none}
/*#container .box-1{margin:0 0 35px 376px; width:224px; border-top:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a}*/
#container .box-1{margin:0 0 15px 0; width:224px; border-top:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a}
#container .box-1 .deco{margin:0 -1px; padding:10px 10px 0 10px; width:204px; border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a; height:100%; position:relative}
#container .box-1 .img{float:left; margin:-10px 0 -20px -386px;_margin-left:-376px;position:relative}
#container .box-2{height:100%}
#container .box-2 .left{width:360px; float:left; height:100%}
#container .box-2 .right{width:226px; float:right; height:100%}
#container .box-2 .img{margin-bottom:15px}
#container .box-3{background:url(http://www.cinemalink.nl/images/css/banner-1.png) 0 0 no-repeat; padding:7px 0 0 10px; font:bold 15px "Trebuchet MS"; text-transform:uppercase; width:216px; height:95px; display:block; margin-bottom:15px; text-decoration:none; color:#FFF}
#container .box-3 span,
#container .box-3:hover{color:#FC0}
#container .box-4,
#container .box-6 .ul-top-2 li{background:#333333;margin:0 1px 15px 1px;padding:1px 0}
#container .box-4 .deco,
#container .box-6 .ul-top-2 li span{background:#4a4a4a; margin:0 -1px; padding:10px}
#container .box-4 .deco2,
#container .box-6 .ul-top-2 li span{background:#3a3a3a; margin:0 -1px; padding:10px}
#container .box-4 .deco .clr{.display:none}
#container .box-4 .button{background-image:url(http://www.cinemalink.nl/images/css/but-2.gif)}
#container .form-1 ul{margin:0; padding:0; list-style:none}
#container .form-1 ul li{padding:0 0 10px 30px}
#container .form-1 ul li input{float:left; margin-left:-30px}
#container .form-1 .button{margin-right:10px; font-size:13px}
#container .box-menu{margin:0; padding:0; list-style:none; height:25px}
#container .box-menu li{float:left; height:25px; background:#333 url(http://www.cinemalink.nl/images/css/mn-1-5.gif) 0 100% repeat-x; margin-right:5px; font:bold 11px Arial; line-height:25px; text-transform:uppercase}
#container .box-menu li b{display:block; height:25px; background:url(http://www.cinemalink.nl/images/css/mn-1-3.gif) 0 0 no-repeat; float:left}
#container .box-menu li b a{display:block; height:25px; background:url(http://www.cinemalink.nl/images/css/mn-1-4.gif) 100% 0 no-repeat; padding:8px 6px; text-decoration:none; color:#FFF; float:left}
#container .box-menu li.act{background:#4a4a4a url(http://www.cinemalink.nl/images/css/mn-1-1.gif) 0 0 no-repeat; height:26px; margin-bottom:-1px; padding:5px;}
#container .box-menu li.act b{background:url(http://www.cinemalink.nl/images/css/mn-1-2.gif) 100% 0 no-repeat; padding:8px 6px}

#container .box-menu li strong{display:block; height:25px; background:url(http://www.cinemalink.nl/images/css/mn-1-3.gif) 0 0 no-repeat; float:left}
#container .box-menu li strong a{display:block; height:25px; background:url(http://www.cinemalink.nl/images/css/mn-1-4.gif) 100% 0 no-repeat; padding:0 6px; text-decoration:none; color:#FFF; float:left}
#container .box-menu li.act{background:#4a4a4a url(http://www.cinemalink.nl/images/css/mn-1-1.gif) 0 0 no-repeat; height:26px; margin-bottom:-1px}
#container .box-menu li.act strong{background:url(http://www.cinemalink.nl/images/css/mn-1-2.gif) 100% 0 no-repeat; padding:0 6px}

#container .ul-top{margin:0; padding:0; list-style:none; height:100%}
#container .ul-top li{padding:9px 0 0 50px; clear:both; line-height:14px; height:100%}
#container .ul-top li .img{float:left; margin-left:-50px}
#container .ul-top li .img img,
#container .box-6 .ul-top-2 li .img img{border:1px solid #383838}
#container .ul-top li .img:hover img,
#container .box-6 .ul-top-2 li .img:hover img{border:1px solid #FC0}
#container .form-2 ul{margin:0; padding:0; list-style:none; width:145px}
#container .form-2 ul li{padding:0 0 8px 0}
#container .form-2 ul li .input{width:141px}
#container .form-2 ul li.last{text-align:right; padding:8px 0 0 0}
#container .form-2 .button,
#container .detail .left div .button,
#container .box-7 .l .button,
#container .box-5 .box-8 .button{font-size:12px}
/*---HELP--*/
#container .ol-1{margin:0; padding:0 0 0 30px}
#container .ol-1 li{font-weight:bold; color:#FC0; padding:0 0 19px 0}
#container .ol-1 li a{text-decoration:none; color:#FFF}
/*---CONTACT--*/
#container .box-5{padding-left:115px}
#container .form-send{font-weight:bold; padding:0 5px 0 10px; height:100%}
#container .form-send ul{margin:0; padding:0 0 15px 0; list-style:none; width:554px}
#container .form-send ul li{padding:0 0 16px 142px; height:100%}
#container .form-send ul li b{float:left; margin-left:-142px}
#container .form-send span{float:right; margin-right:-495px; padding-left:42px; position:relative; width:448px; display:block}
#container .form-send ul li .input{width:173px}
#container .form-send ul li .in-1{width:29px}
#container .form-send ul li textarea{width:405px; height:195px; margin:0; overflow:auto}
#container .form-send ul li.last{text-align:right}
html>body #container .form-send div{padding-right:15px}
/*---REGISTER---*/
#container .register{width:358px}
#container .register .form-send ul{width:auto}
html>body #container .register .form-send div{padding-right:5px}
#container .register .deco{width:340px; position:relative}

#container .friend{width:600px}
#container .friend .form-send ul{width:auto}
html>body #container .friend .form-send div{padding-right:5px}
#container .friend .deco{width:600px; position:relative}
#container .friend .form-send .input { width:120px; }
#container .friend .form-send .textarea { width:366px; }

#container .profile{width:600px;}
#container .profile .form-send ul{width:auto}
html>body #container .profile .form-send div{padding-right:5px}
#container .profile .deco{width:340px; position:relative}

#container .small{width:400px;}
#container .small .form-send ul{width:auto}
html>body #container .small .form-send div{padding-right:5px}
#container .small .deco{width:380px; position:relative}


/*---SEARTH---*/
#container .box-6,
#container .detail{border-bottom:1px solid #666; padding:2px 5px;width:958px; margin:0 0 0 -10px; position:relative}
#container .box-6 form div{float:left}
#container .box-6 form input{width:141px; margin:0 9px 6px 0; vertical-align:middle}
#container .box-6 form select{width:160px; margin:0 9px 6px 0; vertical-align:middle}
#container .box-6 h3{padding:2px 0}
#container .box-6 .ul-top-2{margin:0 -5px; width:962px; padding:5px 0 0 6px; list-style:none; height:100%}
#container .box-6 .ul-top-2 li{width:313px; margin:0 7px 20px 0;_margin-bottom:0px; float:left; height:100%}
#container .box-6 .ul-top-2 li span{padding:5px 5px 5px 76px; display:block; width:234px;float:left; position:relative; height:100%}
#container .box-6 .ul-top-2 li .img{float:left; margin-left:-70px}
#container .box-6 .ul-top-2 li .yellow{font-size:14px}
#container .result{text-align:right; color:#FC0}
#container .result a{text-decoration:none}
#container .result span{float:left; color:#ccc}
#container .pages{text-align:right; color:#FFF}
#container .pages a{text-decoration:none; color:#FFF}
#container .ul-result{margin:0 0 0 -10px; padding:0 0 5px 0; list-style:none; width:968px}
#container .ul-result li{padding:9px 10px;border-bottom:1px solid #666; height:100%}
#container .ul-result li .img{display:block; float:left; margin-right:22px}
#container .ul-result li .left{display:block; width:256px; padding-right:10px; float:left}
#container .ul-result li .left span{display:block; padding-top:5px}
#container .ul-result li .left span img{margin-right:2px}
#container .ul-result li .desc{display:block; float:left; width:370px}
/*---DETAIL---*/
#container .votes{text-align:right; padding:0 21px 5px 0}
#container .votes img{vertical-align:middle; margin-left:2px}
#container .detail{padding:0 0 0 9px; width:959px}
#container .detail .move{float:left; width:333px}
#container .detail .move b{display:block; padding:7px}
#container .detail .desc,
#container .box-7 .desc-2{margin:0 0 0 333px; padding:0 8px 0 9px;border-bottom:1px solid #666}
#container .box-7 .desc-2small{margin:0 0 0 0px; padding:0 8px 0 9px;border-bottom:1px solid #666}
#container .rate{float:right; color:#FFF}
#container .detail .left{float:left; width:333px}
#container .detail .left div{padding:10px 0 0 0}
#container .detail .right{margin:0 0 0 342px; padding:20px 0 25px 0; height:100%}
#container .detail .right div{width:190px; padding:0 10px 0 104px; float:left}
#container .detail .right div b{float:left; margin-left:-104px}
#container .detail .right div span{display:block; padding:12px 0 0 0}
#container .comment{padding:5px 20px 0 0}
#container .comment h3{padding:0 0 5px 0}
#container .comment ul{padding:0; list-style:none; width:968px; margin:0 -20px 0 -10px;border-top:1px solid #666}
#container .comment ul li{padding:15px 20px 5px 10px;border-bottom:1px solid #666}
#container .comment ul li.last{border:0; padding-bottom:0}
#container .comment ul li .comment{text-align:right; padding:0}
/*---ORDER---*/
#container .box-7{border:0}
#container .box-7 .desc{margin-bottom:10px}
#container .box-7 .desc-2{border:0}
#container .box-7 .desc img,
#container .box-7 .desc-2 img{vertical-align:middle; margin-left:4px}
#container .box-7 input{margin:0 5px 0 10px; vertical-align:middle}
#container .box-7 .l{float:right; width:145px; text-align:right}
#container .box-7 .l .input{width:140px; margin:0 0 5px 0}
#container .box-7 .l .box-4{font:bold 20px Arial; color:#FC0}
#container .box-7 .l .box-4 .deco{padding:5px 12px}
#container .box-7 .ul-genres{width:215px; float:left}
/*---PROFILE---*/
#container .box-8{margin:0 1px 15px 1px; border-top:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a}
#container .box-8 .deco{border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a; margin:0 -1px; padding:10px; position:relative}
#container .box-5 .box-8{width:224px; float:right}
#container .box-5 .box-8 .deco{width:206px}
#container .box-5 .box-8 h3{font-size:20px; padding:0}
#container .box-5 .box-8 b{display:block; padding:20px 0; text-align:center; font:bold 20px Arial; color:#FC0}
#container .box-5 .box-8 p{padding-bottom:0px; text-align:right}


#footer a{text-decoration:none}


/*---CADEAU---*/
.box-10{overflow:hidden; height:100%; padding-bottom:15px}
.box-10 .left{width:565px; float:left}
.box-10 .right{width:340px; float:right; text-align:center}
.form-3{overflow:hidden; height:100%; padding:15px 0}
#container .form-3 .box-4{width:307px; padding-top:0; border-top:1px solid #3a3a3a; position:relative; float:left; margin-right:11px; height:100%}
#container .form-3 .box-4 .deco{padding:0 17px 10px 17px; min-height:110px; height:110px; position:relative}
html>body #container .form-3 .box-4 .deco{height:auto}
#container .form-3 .box-4 h5{background:#3a3a3a;color:#fc0; font:bold 13px Arial; line-height:15px; margin:0 -17px; padding:7px 17px; width:100%}
#container .form-3 .box-4 .num{position:absolute; top:-15px; right:16px}
.form-3 .box-4 ul{margin:0; padding:0; list-style:none}
.form-3 .box-4 ul li{height:25px; padding:15px 0 0 0}
.form-3 .box-4 ul li span{float:right}
.form-3 .box-4 ul li .input{width:180px}
.form-3 .box-4 textarea{margin-top:15px; width:270px; height:57px}
.info{margin:0; padding:0 0 13px 0; list-style:none}
.info li{padding:0 0 0 166px; overflow:hidden; height:100%}
.info li b{display:block; text-align:right; padding-right:12px; width:151px; color:#7a7a7a; font-weight:normal; float:left; margin-left:-83px}
html>body .info li b{margin-left:-166px}
.info li b span{float:left}
.info li big{font:bold 17px Arial; line-height:19px}
.info li p{float:left}
table.box-banner{border:0;border:1px solid #1f1f1f; border-collapse:collapse; width:100%;margin:0 0 20px 0}
table.box-banner td{vertical-align:middle; width:115px; height:95px; border-bottom:1px solid #1f1f1f;border-right:1px solid #1f1f1f}
table.box-banner td.img{width:121px; border-right:0; text-align:center}
table.box-banner td div{height:54px; padding-bottom:19px; position:relative}
table.box-banner td div a{position:absolute; bottom:0; left:0; color:#fc0}
table.box-banner td div a:hover{text-decoration:none}

/*---ADD---*/
h4{font:bold 13px Arial; color:#fc0; margin:0; padding:0 0 15px 0}
.banner{padding:0 0 15px 0}

/*---HELP---*/
.help{overflow:hidden; height:100%}
.help .left{float:left; width:350px; padding-left:1px}
.help .right{width:560px; float:right}

.tab-help{border:1px solid #1e1e1e; border-collapse:collapse; width:100%; margin:5px 0 20px 0}
.tab-help td{padding:5px 21px;border:1px solid #1e1e1e; vertical-align:top}
.tab-help td.li{background:url(http://www.cinemalink.nl/images/css/li-2.gif) 9px 11px no-repeat;cursor:pointer}
.tab-help td.li-open{background:url(http://www.cinemalink.nl/images/css/li-2-2.gif) 7px 14px no-repeat;cursor:pointer}
.tab-help td.in{padding:5px 0; vertical-align:middle; text-align:center;cursor:pointer}
.tab-help td .rgt{float:right}
.tab-help td div{padding:25px 0 0 0}
.tab-help td .button{margin-bottom:10px}
.tab-help td:hover{background-color:#1c1c1c}
.li-num{background:#141919 url(http://www.cinemalink.nl/images/css/li-3-1.gif) 0 0 no-repeat; height:46px; margin-bottom:4px; font:bold 15px Arial; line-height:30px}
.li-num a{display:block; height:38px; padding:8px 0 0 10px; color:#FFF; text-decoration:none; background:url(http://www.cinemalink.nl/images/css/li-3-2.gif) 100% 0 no-repeat}
.li-num a img{float:left; margin-right:8px}
.li-num a:hover{color:#fc0}
.box-num{border-left:1px solid #1e1e1e;border-right:1px solid #1e1e1e; margin-bottom:4px; padding:5px 21px}

/*---NEW CONTACT---*/
#container .new-box-5{padding:0;width:560px}
#container .new-form-send{padding:0 5px 0 10px; height:100%}
#container .new-form-send ul{margin:0; padding:20px 0 15px 0; list-style:none; width:544px}
#container .new-form-send ul li{padding:0 0 16px 185px; height:100%; white-space:nowrap;}
#container .new-form-send ul li span{float:left; margin-left:-185px}
#container .new-form-send ul li .star{padding:0; display:inline; vertical-align:top;}
#container .new-form-send ul li .input{width:300px}
#container .new-form-send ul li .in-1{width:29px}
#container .new-form-send ul li textarea{width:300px; height:195px; margin:0; overflow:auto}
#container .new-form-send ul li.last{text-align:right}
html>body #container .new-form-send div{padding-right:15px}
