html{font-size:70%; height:100%; padding:0; margin:0;} body{font-family:arial,helvetica,geneva,sans-serif; font-style:normal; font-variant:normal; font-weight:normal; font-size:1.2em; line-height:1.4em; margin:0; padding:0; /*height:100%;*/ overflow-y:scroll; overflow-x:hidden; text-align:center; background-color:#F7F7F7; color:#646464;} div, header, footer, section, h1, h2, h3, figure{padding:0; margin:0; display:block; font-weight:normal; font-size:1em;} a{color:#646464;} img{border:0;} img.vgwort{position:absolute; width:1px; height:1px;} #wrapper{margin:auto;} #content{background-color:#fff; float:left; text-align:left; border:1px solid #F7F7F7;} header{background-color:#000; position:relative; clear:both;} footer{color:#646464; background-color:#000; position:relative; font-size:0.9em;} footer a{color:#646464; text-decoration:none; float:right;} footer a:hover{color:#fff; text-decoration:underline;} #header1{position:relative; height:60px;} #header2{position:relative; height:30px; background-color:#fff; font-size:0.9em; text-transform:uppercase; font-weight:bold; color:#9D9D9D; clear:both;} #header3{position:absolute; right:160px; width:140px; height:30px; top:20px; cursor:pointer; z-index:2;} #alert, #login{background-color:#ED3739; color:#fff; margin:0 0 0 0; display:block; clear:both; padding:15px; position:relative; padding-right:20px;} #alert a{color:#fff;} #alert a:hover{text-decoration:none;} #login{background-color:#ededed; text-align:center; display:none; color:#ccc; position:relative;} #login .br460{display:none;} #login b{display:block; margin:10px; color:#444;} #login input{border:1px solid #ccc; padding:5px; -webkit-appearance:textfield; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:200px; margin-bottom:5px; background-color:#fff;} #alert span, #login span{background:url('http://www.spielfilm.de/layout/icon_close.png') center center no-repeat; width:14px; height:14px; position:absolute; right:10px; top:10px; margin-left:5px;} #login #loginbutton{width:100px; background:url('http://www.spielfilm.de/layout/icon_login.png') 5px center no-repeat; background-color:#fff;} #login #loginbuttonfb{width:100px; background:url('http://www.spielfilm.de/layout/icon_login_fb.png') 5px center no-repeat; background-color:#fff;} #login #loginbutton.submit{background-color:#e5e5e5;} #login #loginerror{display:block; color:#000;} #logo{margin-left:10px; top:16px; position:relative;} #logo img{width:41px; height:41px;} .category{position:relative; padding-left:26px; top:16px; width:232px; height:30px;} #search{float:right; width:300px; background-color:#000; height:30px; margin:0; padding:0;} #search input{border:2px solid #000; height:22px; width:260px; border-radius:0; border-left:none; border-top:none; margin-left:0; padding-left:3px; padding-right:0; font-size:1.1em;} input, textarea{-webkit-appearance:none; border-radius:0;} #search img.magnifier{cursor:pointer; position:absolute; top:5px; right:10px; float:right; width:17px; height:17px;} .margin10{margin:10px;} .padding10{padding:10px;} .grey{color:#eee;} #nav{float:left; display:block; font-weight:bold; z-index:20; position:relative; margin-bottom:2px;} #nav span{display:block; width:200px; padding-left:58px; padding-top:6px; background:url('http://www.spielfilm.de/layout/icon_nav.png') 22px 8px no-repeat;} #nav.hover span{background-position:22px -20px;} #nav ul{display:none; position:absolute; z-index:20; padding-left:5px; padding-bottom:5px; list-style-type:none; width:230px; color:#000; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-box-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc; top:8px; background-color:#fff; font-size:1.2em;} #nav ul li{margin:5px 0 0 0; height:24px; padding:8px 0 0px 10px; background:url('http://www.spielfilm.de/layout/nav.png') 0 0 no-repeat;} #nav.hover ul{display:block;} #nav a{display:block;} #nav ul li:hover a{color:#fff;} #nav ul li.linews:hover{background-position:0 -252px;} #nav ul li.litrailer:hover{background-position:0 -108px;} #nav ul li.lifilmstarts:hover{background-position:0 -72px;} #nav ul li.lidvd:hover{background-position:0 -36px;} #nav ul li.litv:hover{background-position:0 -144px;} #nav ul li.likinoprogramm:hover{background-position:0 -180px;} #nav ul li.ligewinnspiele:hover{background-position:0 -216px;} #nav ul li.limember:hover{background-position:0 -289px;} #nav ul li.listars:hover{background-position:0 -325px;} #nav ul a{color:#444; text-decoration:none; font-weight:bold;} section{/*background-color:#f00;*/} .clear{clear:both;} br.clear{clear:both; height:1px;} .hide{display:none;} .maus{cursor:pointer;} .fright{float:right;} .socialbm{text-align:left; width:280px; margin:10px 0 0 12px;;} .socialbm img{width:16px; height:16px; position:relative; top:3px;} .socialbm a{text-decoration:none;} .socialbm a:hover{text-decoration:underline; color:#000;} .socialb{text-align:center; width:280px; margin:10px 0; overflow:hidden; height:28px ! important; overflow:hidden;} .socialbd{width:80px ! important; height:20px ! important; float:left; overflow:hidden; margin:0 3px;} .socialbf{margin-left:3px; width:97px ! important;} #ad11{top:0; left:0; position:absolute; z-index:1000;} #ad160600{float:left; height:600px;} #ad72890, #ad32050{text-align:center;} .ad72890d1{width:728px; display:inline-block; position:relative;} #ad32050{display:none;} .ad900300d1{left:50%; position:absolute; margin-left:-540px; width:900px;} .ad300250, .dconti{margin-left:-10px; text-align:right; font-size:0.8em; width:300px;} .ad300250d, .dcontid{width:300px; /*height:250px;*/ text-align:center;} @media all and (max-width:460px){html{font-size:60%;} #wrapper{width:320px; overflow:hidden; margin:0;} #content{width:320px; margin:0; border:0;} #ad160600, #ad900300{width:0; height:0; display:none;} #ad72890, #ad32050, .ad72890d1{min-height:50px; width:320px;} #search{width:320px ! important;} #suggestions{width:320px ! important; margin-top:13px;} #search input{margin-left:5px; width:255px; background-color:#000; color:#fff; text-align:right;} #search input:focus{text-align:left;} section{margin-top:20px;} .hide3{display:none;} #header3{display:none;} } @media all and (min-width:461px) and (max-width:767px){ html{font-size:60%;} #wrapper{width:570px;} #content{width:400px; border:0;} #ad160600{margin-left:10px; width:160px; margin-top:10px;} #ad72890, #ad32050, .ad72890d1{height:50px; width:400px;} #suggestions{width:400px;} #search{width:400px;} #search input{margin-left:5px; width:345px; background-color:#000; color:#fff; text-align:right;} section{margin-top:20px;} .hide3{display:none;} #login .br460{display:block;} #header3{display:none;} #ad900300{width:0; height:0; display:none;} } @media all and (min-width:768px) and (max-width:860px){ #wrapper{width:768px;} #content{width:768px;} #ad160600{width:0px; display:none;} #ad72890, #ad32050{width:768px; height:90px; margin-bottom:10px; margin-top:5px;} .header1logo{background:url('http://www.spielfilm.de/layout/logo_font2.png') 468px 30px no-repeat;} #ad900300{width:0; height:0; display:none;} } @media all and (min-width:861px) and (max-width:1200px){#wrapper{width:940px;} #content{width:768px;} #ad160600{margin-left:10px; width:160px;} #ad72890, #ad32050{width:768px; height:90px; margin-bottom:10px; margin-top:5px;} .header1logo{background:url('http://www.spielfilm.de/layout/logo_font2.png') 468px 30px no-repeat;} } @media all and (width:1024px){ #wrapper{width:1024px; overflow:hidden;} #content{width:1024px; border:0;} #ad160600{width:0px; display:none;} #ad72890, #ad32050{width:1024px; height:90px; margin-bottom:10px; margin-top:5px;} .header1logo{background:url('http://www.spielfilm.de/layout/logo_font2.png') 724px 30px no-repeat;} } @media all and (min-width:1201px) and (max-width:1400px){ #wrapper{width:1200px;} #content{width:1024px;} #ad160600{margin-left:10px; width:160px;} #ad72890, #ad32050{width:1024px; height:90px; margin-bottom:10px; margin-top:5px;} .header1logo{background:url('http://www.spielfilm.de/layout/logo_font2.png') 722px 30px no-repeat;} } @media all and (min-width:1401px){#wrapper{width:1460px;} #content{width:1280px;} #ad160600{margin-left:10px; width:160px;} #ad72890, #ad32050{width:1280px; height:90px; margin-bottom:10px; margin-top:5px;} .header1logo{background:url('http://www.spielfilm.de/layout/logo_font2.png') 980px 30px no-repeat;} } #suggestions{position:absolute; z-index:30; padding:0px; list-style-type:none; width:300px; color:#000; border:0px solid #ccc; top:17px; display:none; margin-left:-0px; background-color:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; -moz-box-shadow:-5px 5px 5px #ccc; -webkit-box-shadow:-5px 5px 5px #ccc; box-shadow:-5px 5px 5px #ccc;} #suggestions a{text-decoration:none; color:#444;} #suggestions a:hover{text-decoration:underline; color:#000;} #suggestions li{margin:5px 3px 5px 3px; margin:0; padding:10px 5px 10px 5px; clear:both; display:block; min-height:40px; padding:2px;} #suggestions li.last{text-align:center; font-weight:bold; cursor:pointer; min-height:20px; padding:10px 5px 5px 5px;} #suggestions li.active{ background-color:#eee;} #suggestions li div{margin-left:58px;} #suggestions li img{height:35px; width:50px; float:left; margin:2px; background:url('http://www.spielfilm.de/layout/loading.png') center center no-repeat; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -ms-background-size:100%; background-size:100%;} #col1{float:left;} * html #col1{display:inline;} #col2{float:left; margin-left:0px;} #col3{ float:right;} #col1, #col2, #col3{padding:10px; height:100%;} #col2{padding:10px 15px 10px 15px;} #col1{padding-right:0px;} .padding10index{overflow:hidden; clear:both;} .byline{text-align:right; margin-top:10px;} .byline address{ display:inline; font-style:normal;} .galerie{height:70px; overflow:hidden;} .galerie img{width:100px; height:70px; margin-right:10px;} .twitter{padding-left:20px;} .twitter li{margin-top:4px;} @media all and (max-width:460px){.galerie{height:49px;} .galerie img{width:70px; height:49px;} #col1{width:300px; padding-right:10px;} #col2{width:298px; padding:10px;} #col3{ width:300px; background-color:#fff;} .ad300250d, .dcontid{margin-left:10px;} } @media all and (min-width:461px) and (max-width:767px){ .galerie{height:49px;} .galerie img{width:70px; height:49px;} #col1{width:380px; padding-right:10px;} #col2{width:374px; padding:10px;} #col3{ width:380px; background-color:#fff;} .ad300250d, .dcontid{margin-left:10px;} } @media all and (min-width:768px) and (max-width:860px), all and (min-width:861px) and (max-width:1200px){ #col1{width:200px;} #col2{width:526px;} #col3{display:block; width:528px; background-color:#fff;} .ad300250d, .dcontid{margin-left:10px;} } @media all and (width:1024px){ #col1{width:200px;} #col2{width:484px;} #col3{ width:280px;} .ad300250d, .dcontid{margin-left:-00px;} .nocol3{display:none;} } @media all and (min-width:1201px) and (max-width:1400px){ #col1{width:240px;} #col2{width:442px;} #col3{ width:280px;} } @media all and (min-width:1401px){#col1{width:260px;} #col2{width:670px;} #col3{ width:280px;} } h1{font-size:2.2em; font-weight:bold; margin-bottom:8px; line-height:1.1em;} h1 b{font-weight:normal; font-size:0.6em;} h2{font-size:1.3em; margin-bottom:25px; line-height:1.1em; font-weight:bold;} h3{margin-top:10px; margin-bottom:6px; font-size:1.2em; font-weight:bold;} h3 span{margin-left:30px; color:#D3D3D3; cursor:pointer; font-size:0.9em;} #col2 a{text-decoration:underline;} #col2 a:hover{text-decoration:none; color:#000;} #col1 figure .galery{ width:14px; height:14px; position:relative; float:right; top:-14px; cursor:pointer;} #col1 figure{display:block; text-align:center; font-size:0.8em; line-height:1.2em; position:relative;} #col1 figcaption{margin-top:2px;} #col1 nav{} #col1 nav ul{list-style:none; padding-left:0; font-size:1.2em; line-height:1.6em; margin-left:10px; margin-bottom:10px; text-transform:uppercase;} #col1 nav a{text-decoration:none;} #col1 nav a:hover{text-decoration:none; color:#000;} #col2 div.nav{margin-top:10px;} #col2 div.nav a.navsubf{padding-left:12px; background:url(http://www.spielfilm.de/layout/icon_nav_sub.png) 0 -18px no-repeat; text-decoration:none;} #col2 div.nav a.navsubl{padding-right:12px; background:url(http://www.spielfilm.de/layout/icon_nav_sub.png) right 2px no-repeat; text-decoration:none;} #col2 div.nav a:hover{text-decoration:none; color:#000;} .block{display:block;} .height5{height:5px;} .update{color:#BA6F35;} #nav_select{text-transform:uppercase; background:transparent; padding:1px; border:1px solid #D3D3D3; border-radius:0; margin-bottom:8px; color:#646464;} @media all and (max-width:460px){h1{font-size:1.8em;} h2{font-size:1.2em;} #col1 figure{ width:300px;} .imgs1{width:260px; height:180px;} .imgs2{width:260px;} #col1 figcaption{display:none;} #nav_select{display:block; width:260px; margin-left:20px; margin-top:10px; margin-bottom:10px;} #col1 nav ul{display:none;} #col1 figure .galery{display:none;} } @media all and (min-width:461px) and (max-width:767px){ #col1 figure{ width:380px;} .imgs1{width:260px; height:180px;} .imgs2{width:260px;} #col1 figcaption{display:none;} #nav_select{display:block; width:260px; margin-left:60px; margin-top:10px; margin-bottom:10px;} #col1 nav ul{display:none;} #col1 figure .galery{display:none;} } @media all and (min-width:861px) and (max-width:1200px), all and (min-width:768px) and (max-width:860px){#col1 figure{ width:200px;} .imgs1{width:200px; height:138px;} .imgs2{width:200px;} #nav_select{display:none;} } @media all and (width:1024px){ #nav_select{display:none;} } @media all and (min-width:1201px) and (max-width:1400px){ #col1 figure{ width:240px;} .imgs1{width:240px; height:166px;} .imgs2{width:240px;} #nav_select{display:none;} } @media all and (min-width:1401px){#col1 figure{ width:260px;} .imgs1{width:260px; height:180px;} .imgs2{width:260px;} #nav_select{display:none;} } #con_form{position:relative;} #con_form img{width:100px; height:70px; float:left;} #con_form form{float:left; margin-left:10px;} #con_form textarea{overflow:auto; resize:none; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; height:90px; background-color:#fff; margin-bottom:5px; padding:5px;} #con_form textarea:disabled{background-color:#fff;} #con_form #con_name , #con_form #con_email{display:none;} #con_form input, #con_form select{border:1px solid #ccc; padding:5px; -webkit-appearance:textfield; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:200px; margin-bottom:5px; display:block; background-color:#fff;} #con_form .invalid{border-color:#ED3739;} #con_form #logininfo{margin-top:-115px; height:85px; padding:10px 10px 5px 10px; position:relative;} #con_form #con_submit{display:none;} #con_form #con_facebook{height:14px; width:14px; -webkit-appearance:checkbox; display:inline-block;} #con_form #con_help{width:30px; display:inline; margin-left:20px; display:none;} #comment{list-style-type:none; padding-left:0; padding-bottom:0; margin-bottom:0;} #comment li{margin-bottom:5px; margin-bottom:10px;} #comment img{float:left;} #comment b{display:block; float:left; margin-left:10px; padding-right:3px;} #comment b span{font-weight:normal;} #comment div{border:1px solid #ccc; padding:5px; margin-top:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; float:left; margin-left:10px;} #comment .trans{opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity = 30)";} @media all and (max-width:460px){#con_form img{width:70px; height:49px;} #con_form #logininfo{width:200px;} #con_form form{width:205px;} #comment div{width:205px;} #comment img{width:70px; height:49px;} #con_form #con_submit{width:165px;} #con_form #con_help{margin-left:10px;} #comment b span{display:block; font-size:0.9em;} } @media all and (min-width:461px) and (max-width:767px){ #con_form img{width:70px; height:49px;} #con_form #logininfo{width:280px;} #con_form form{width:285px;} #comment div{width:280px;} #comment img{width:70px; height:49px;} #comment b span{display:block; font-size:0.9em;} } @media all and (min-width:768px) and (max-width:860px), all and (min-width:861px) and (max-width:1200px){ #con_form #logininfo{width:400px;} #con_form form{width:405px;} #comment div{width:400px;} #comment img{width:100px; height:70px;} } @media all and (width:1024px){ #con_form #logininfo{width:345px;} #con_form form{width:355px;} #comment div{width:355px;} #comment img{width:100px; height:70px;} } @media all and (min-width:1201px) and (max-width:1400px){ #con_form #logininfo{width:315px;} #con_form form{width:325px;} #comment div{width:320px;} #comment img{width:100px; height:70px;} } @media all and (min-width:1401px){#con_form #logininfo{width:490px;} #con_form form{width:500px;} #comment div{width:500px;} #comment img{width:100px; height:70px;} } #col2 hr{color:#eee; background-color:#eee; height:6px; border:0; margin-top:15px; margin-bottom:5px; clear:both;} #col3 hr, #col2 hr.col3{color:#fff; background-color:#fff; height:6px; border:0; margin-top:5px; margin-bottom:15px; width:300px; margin-left:-10px;} #col2 hr.margintop5, #col2 hr.col3margintop5{margin-top:5px;} @media all and (max-width:460px){#col3 hr, #col2 hr.col3{color:#eee; background-color:#eee; height:6px; border:0; clear:both; margin-left:0px; width:100%;} } @media all and (min-width:461px) and (max-width:767px){ #col3 hr, #col2 hr.col3{color:#eee; background-color:#eee; height:6px; border:0; clear:both; margin-left:0px; width:100%;} } @media all and (min-width:768px) and (max-width:860px), all and (min-width:861px) and (max-width:1200px){ #col3 hr, #col2 hr.col3{color:#eee; background-color:#eee; height:6px; border:0; clear:both; margin-left:0px; width:100%;} } @media all and (width:1024px){ #col3 hr, #col2 hr.col3{color:#fff; background-color:#fff; height:6px; border:0; margin-top:5px; margin-bottom:15px; width:300px; margin-left:-10px;} } @media all and (min-width:1201px) and (max-width:1400px){ .nocol3{display:none;} } @media all and (min-width:1401px){.nocol3{display:none;} } ul.list{margin:0; padding:0 0 0 20px;;} ul.list li{margin-bottom:6px;}