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; /*background-color:#f00; */} * html #col1{display:inline;} #col2{ float:right; background-color:#ededed;} #col1, #col2{padding-bottom:32767px !important; margin-bottom:-32767px !important; padding-left:10px; padding-top:10px; padding-right:10px;} .padding10index{overflow:hidden; clear:both;} h2, h1{font-size:2.2em; font-weight:bold; margin-bottom:15px; line-height:1.1em;} h2.margintop20, h1.margintop20{margin-top:20px;} @media all and (max-width:460px){#col1{width:300px;} #col2{ display:none;} } @media all and (min-width:461px) and (max-width:767px){ #col1{width:380px;} #col2{ display:none;} } @media all and (min-width:861px) and (max-width:1200px), all and (min-width:768px) and (max-width:860px){#col1{width:748px;} #col2{ display:none;} } @media all and (width:1024px){ #col1{width:702px;} #col2{ width:280px; display:block;} } @media all and (min-width:1201px) and (max-width:1400px){ #col1{width:702px;} #col2{ width:280px;} } @media all and (min-width:1401px){#col1{width:960px;} #col2{ width:280px;} } article.intro{float:left; border:#fff; margin-bottom:10px; overflow:hidden; font-size:1.1em; overflow:hidden; text-overflow:ellipsis;} .marginright10{margin-right:10px;} article.intro img{float:left; background:url('http://www.spielfilm.de/layout/loading.png') center center no-repeat; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -ms-background-size:100%; margin-right:10px;} article.intro a{color:#fff; text-decoration:none;} article.intro a{color:#444; text-decoration:none;} article.intro a:hover{color:#000; text-decoration:underline;} article.intro b{display:block; margin-bottom:6px;} article div.daten{margin-top:8px;} article.tk{} article .tk2{margin-left:10px;} article .tkh{color:#D3D3D3;} #col1 .more{font-weight:bold; text-align:center; margin:10px; cursor:pointer;} @media all and (max-width:460px){article.intro{width:300px; height:56px;} article.intro img{width:80px; height:56px;} } @media all and (min-width:461px) and (max-width:767px){ article.intro{width:380px; height:56px;} article.intro img{width:80px; height:56px;} } @media all and (min-width:861px) and (max-width:1200px), all and (min-width:768px) and (max-width:860px){article.intro{width:368px; height:110px;} article.intro img{width:160px; height:110px;} } @media all and (width:1024px){ article.intro{width:346px; height:125px;} article.intro img{width:180px; height:125px;} } @media all and (min-width:1201px) and (max-width:1400px){ article.intro{width:345px; height:110px;} article.intro img{width:160px; height:110px;} } @media all and (min-width:1401px){article.intro{width:474px; height:125px;} article.intro img{width:180px; height:125px;} }span.top{float:right; width:14px; height:10px; background:url(http://www.spielfilm.de/layout/icon_nav_top.png) center center no-repeat; cursor:pointer; -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); opacity:.50;} #mapform input, #kinow select, #kinon select{text-transform:uppercase; font-size:1.0em; line-height:1.6em; width:200px; margin-left:10px; background:transparent; padding:1px; border:1px solid #D3D3D3; border-radius:0; margin-bottom:8px; color:#646464; padding:4px; height:20px;} #mapform{text-align:right;} #mapform input:focus{ background-color:#fff; border:1px solid #D3D3D3;} #standortx{border:1px solid #D3D3D3; padding:5px; top:10px; position:relative; width:18px; height:18px;} input#standorts{width:100px; height:30px;} #mapcontainer{width:100%; position:relative;} #map{width:100%; height:400px} #mapoverlay{opacity:0.8; position:absolute; top:0; left:0; background-color:#000000; z-index:1000; color:#ffffff; font-size:2.6em; text-align:center; padding-top:100px; width:100%; height:300px;} #kinodata section{clear:both; margin-bottom:10px;} #kinodata .kinodatadiv1{float:left; width:330px; margin-bottom:20px;} #kinodata .kinodatadiv2{float:left; width:600px; padding-left:8px;} #kinodata .kinodatadiv2 b{display:block; cursor:pointer;} h3{font-size:1.2em; font-weight:bold;} h3 a{ text-decoration:none;} h3 a:hover{ color:#000; text-decoration:none;} #kinow, #kinon{margin-top:8px;} #kinow select, #kinon select{height:25px; width:150px; margin-left:0;} #kinofilmea select{font-size:1.0em; line-height:1.6em; width:300px; margin-left:10px; background:transparent; padding:1px; border:1px solid #D3D3D3; border-radius:0; margin-bottom:8px; color:#646464; padding:4px; height:25px;} @media all and (max-width:460px){input#standort{width:150px;} input#standort{width:80px;} #map{width:100%; height:200px} #kinodata .kinodatadiv1{width:280px;} #kinodata .kinodatadiv2{padding-left:0; width:280px;} #kinofilmea select{width:160px;} } @media all and (min-width:461px) and (max-width:767px){ #kinofilmea select{width:200px;} #map{width:100%; height:260px} #kinodata .kinodatadiv1{width:360px;} #kinodata .kinodatadiv2{padding-left:0; width:360px;} } @media all and (min-width:861px) and (max-width:1200px), all and (min-width:768px) and (max-width:860px){#kinodata .kinodatadiv1{width:300px;} #kinodata .kinodatadiv2{width:420px;} } @media all and (width:1024px){ #kinodata .kinodatadiv1{width:300px;} #kinodata .kinodatadiv2{width:380px;} } @media all and (min-width:1201px) and (max-width:1400px){ #kinodata .kinodatadiv1{width:300px;} #kinodata .kinodatadiv2{width:380px;} } @media all and (min-width:1401px){}.leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer{position:absolute; left:0; top:0;} .leaflet-container{overflow:hidden; -ms-touch-action:none;} .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow{-webkit-user-select:none; -moz-user-select:none; user-select:none; -webkit-user-drag:none;} .leaflet-marker-icon, .leaflet-marker-shadow{display:block;} /* map is broken in FF if you have max-width:100% on tiles */ .leaflet-container img{max-width:none !important;} /* stupid Android 2 doesn't understand "max-width:none" properly */ .leaflet-container img.leaflet-image-layer{max-width:15000px !important;} .leaflet-tile{filter:inherit; visibility:hidden;} .leaflet-tile-loaded{visibility:inherit;} .leaflet-zoom-box{width:0; height:0;} /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg{-moz-user-select:none;} .leaflet-tile-pane{z-index:2;} .leaflet-objects-pane{z-index:3;} .leaflet-overlay-pane{z-index:4;} .leaflet-shadow-pane{z-index:5;} .leaflet-marker-pane{z-index:6;} .leaflet-popup-pane{z-index:7;} /* control positioning */ .leaflet-control{position:relative; z-index:-1; pointer-events:auto;} .leaflet-top, .leaflet-bottom{position:absolute; z-index:12; pointer-events:none;} .leaflet-top{top:0;} .leaflet-right{right:0;} .leaflet-bottom{bottom:0;} .leaflet-left{left:0;} .leaflet-control{float:left; clear:both;} .leaflet-right .leaflet-control{float:right;} .leaflet-top .leaflet-control{margin-top:10px;} .leaflet-bottom .leaflet-control{margin-bottom:10px;} .leaflet-left .leaflet-control{margin-left:10px;} .leaflet-right .leaflet-control{margin-right:10px;} /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup{opacity:0; -webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear;} .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1;} .leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition:-moz-transform 0.25s cubic-bezier(0,0,0.25,1); -o-transition:-o-transform 0.25s cubic-bezier(0,0,0.25,1); transition:transform 0.25s cubic-bezier(0,0,0.25,1);} .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} .leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden;} /* cursors */ .leaflet-clickable{cursor:pointer;} .leaflet-container{cursor:-webkit-grab; cursor:-moz-grab;} .leaflet-popup-pane, .leaflet-control{cursor:auto;} .leaflet-dragging, .leaflet-dragging .leaflet-clickable, .leaflet-dragging .leaflet-container{cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing;} /* visual tweaks */ .leaflet-container{background:#ddd; outline:0;} .leaflet-container a{/*color:#0078A8;*/} .leaflet-container a:hover{color:#000; text-decoration:none;} .leaflet-container a.leaflet-active{outline:2px solid orange;} .leaflet-zoom-box{border:2px dotted #05f; background:white; opacity:0.5;} /* general typography */ .leaflet-container{/*font:12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;*/} /* general toolbar styles */ .leaflet-bar{box-shadow:0 1px 7px rgba(0,0,0,0.65); -webkit-border-radius:4px; border-radius:4px;} .leaflet-bar a, .leaflet-bar a:hover{background-color:#fff; border-bottom:1px solid #ccc; width:26px; height:26px; line-height:26px; display:block; text-align:center; text-decoration:none; color:black;} .leaflet-bar a, .leaflet-control-layers-toggle{background-position:50% 50%; background-repeat:no-repeat; display:block;} .leaflet-bar a:hover{background-color:#f4f4f4;} .leaflet-bar a:first-child{-webkit-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;} .leaflet-bar a:last-child{-webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; border-bottom:none;} .leaflet-bar a.leaflet-disabled{cursor:default; background-color:#f4f4f4; color:#bbb;} .leaflet-touch .leaflet-bar{-webkit-border-radius:10px; border-radius:10px;} .leaflet-touch .leaflet-bar a{width:30px; height:30px;} .leaflet-touch .leaflet-bar a:first-child{-webkit-border-top-left-radius:7px; border-top-left-radius:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px;} .leaflet-touch .leaflet-bar a:last-child{-webkit-border-bottom-left-radius:7px; border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; border-bottom:none;} /* zoom control */ .leaflet-control-zoom-in{font:bold 18px 'Lucida Console', Monaco, monospace;} .leaflet-control-zoom-out{font:bold 22px 'Lucida Console', Monaco, monospace;} .leaflet-touch .leaflet-control-zoom-in{/*font-size:22px;*/ line-height:30px;} .leaflet-touch .leaflet-control-zoom-out{/*font-size:28px;*/ line-height:30px;} /* layers control */ .leaflet-control-layers{box-shadow:0 1px 7px rgba(0,0,0,0.4); background:#f8f8f9; -webkit-border-radius:5px; border-radius:5px;} .leaflet-control-layers-toggle{background-image:url(images/layers.png); width:36px; height:36px;} .leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png); background-size:26px 26px;} .leaflet-touch .leaflet-control-layers-toggle{width:44px; height:44px;} .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none;} .leaflet-control-layers-expanded .leaflet-control-layers-list{display:block; position:relative;} .leaflet-control-layers-expanded{padding:6px 10px 6px 6px; color:#333; background:#fff;} .leaflet-control-layers-selector{margin-top:2px; position:relative; top:1px;} .leaflet-control-layers label{display:block;} .leaflet-control-layers-separator{height:0; border-top:1px solid #ddd; margin:5px -10px 5px -6px;} /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution{background-color:rgba(255, 255, 255, 0.9); /* box-shadow:0 0 5px #bbb;*/ margin:0; color:#646464; font-size:0.9em;} .leaflet-control-attribution, .leaflet-control-scale-line{padding:0 5px; color:#333;} .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{/*font-size:11px;*/} .leaflet-left .leaflet-control-scale{margin-left:5px;} .leaflet-bottom .leaflet-control-scale{margin-bottom:5px;} .leaflet-control-scale-line{border:2px solid #777; border-top:none; color:black; line-height:1.1; padding:2px 5px 1px; /*font-size:11px;*/ text-shadow:1px 1px 1px #fff; background-color:rgba(255, 255, 255, 0.5); box-shadow:0 -1px 5px rgba(0, 0, 0, 0.2); white-space:nowrap; overflow:hidden;} .leaflet-control-scale-line:not(:first-child){border-top:2px solid #777; border-bottom:none; margin-top:-2px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);} .leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777;} .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{box-shadow:none;} .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{border:4px solid rgba(0,0,0,0.3);} /* popup */ .leaflet-popup{position:absolute; text-align:center;} .leaflet-popup-content-wrapper{padding:1px; text-align:left; -webkit-border-radius:12px; border-radius:12px;} .leaflet-popup-content{margin:13px 19px; line-height:1.4;} .leaflet-popup-content p{margin:18px 0;} .leaflet-popup-tip-container{margin:0 auto; width:40px; height:20px; position:relative; overflow:hidden;} .leaflet-popup-tip{width:17px; height:17px; padding:1px; margin:-10px auto 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} .leaflet-popup-content-wrapper, .leaflet-popup-tip{background:white; box-shadow:0 3px 14px rgba(0,0,0,0.4);} .leaflet-container a.leaflet-popup-close-button{position:absolute; top:0; right:0; padding:4px 4px 0 0; text-align:center; width:18px; height:14px; /*font:16px/14px Tahoma, Verdana, sans-serif;*/ color:#c3c3c3; text-decoration:none; font-weight:bold; background:transparent;} .leaflet-container a.leaflet-popup-close-button:hover{color:#999;} .leaflet-popup-scrolled{overflow:auto; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} /* div icon */ .leaflet-div-icon{background:#fff; border:1px solid #666;} .leaflet-editing-icon{-webkit-border-radius:2px; border-radius:2px;} .boxaside{margin-left:-10px; height:90px; position:relative; width:300px; overflow:hidden;} .boxaside .boxasideimg{width:100px; height:70px; float:left; margin-right:5px; background:url('http://www.spielfilm.de/layout/loading.png') center center no-repeat; background-size:100px 70px; -moz-background-size:100px 70px; -webkit-background-size:100px 70px; -o-background-size:100px 70px; -ms-background-size:100px 70px;} .boxaside .content{height:65px; float:left; margin-right:5px; width:185px; overflow:hidden; font-size:0.9em; line-height:1.1em;} .boxaside .footer{height:20px; background-color:#282828; position:absolute; top:70px; left:0; width:280px; font-size:1.em; font-weight:bold; color:rgb(255, 255, 255); padding-left:10px; padding-right:10px; padding-top:1px; text-transform:uppercase; z-index:2;} .boxaside .footer img{width:8px; height:8px; float:right; position:relative; margin-top:6px; margin-right:4px;} @media all and (max-width:1023px), all and (min-width:1025px) and (max-width:1200px){.boxaside{margin-left:0px;} } #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;} }