/** * RAlpin.ch */ /** RESET GLOBAL **/ :link,:visited {text-decoration:none} h1,h2,h3,h4,h5,h6,pre,code {font-size:18px;font-weight:normal;color:#000;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;} li {list-style-type:none;} a img,:link img,:visited img {border:none} html {height:100%;width:100%;} .clear {clear:both;} /*** Grundelemente ***/ @media all { body { font-family: 'DIN Next W01 Regular', Helvetica; font-size:16px; line-height:22px; letter-spacing:0.3px; color:#000; height:100%; width:100%; min-width:1280px; overflow-x:hidden; background-color:#fff; } b, strong { font-family: 'DIN Next W01 Bold', Helvetica; font-weight:normal; } a:link, a:visited { color:#000; } a.maillnk:link, a.maillnk:visited { color:rgba(0,0,0,0.5); } a.maillnk:hover { color:#000; } /** box-hack for articles **/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #content article { color:rgba(0,0,0,0.5); } h1 {font-size:26px;line-height:28px;letter-spacing:2px;text-transform:uppercase;color:rgb(110,164,57);font-family:'DIN Next W01 Light', Helvetica;} h1 > b {font-family:'DIN Next W01 Light', Helvetica; color:#000;} h2 {font-size:16px;line-height:20px;letter-spacing:1.5px;text-transform:uppercase;font-family:'DIN Next W01 Light', Helvetica;} h3 {font-size:18px;font-family:'DIN Next W01 Light', Helvetica;} h4 {font-size:15px;} h5 {font-size:12px;} h6 {font-size:8px;} article ul {padding-left:15px;} article ol {padding-left:20px;} p.center {text-align:center;} p.right {text-align:right;} p.indented {padding-left:180px;} p.justify {text-align:justify;} sub, sup { font-size:11px; font-family: 'DIN Next W01 Bold', Helvetica; font-weight:normal; } article.teaser h1 { padding-bottom:43px; font-size:34px; line-height:36px; } article.teaser div, article.teaser h1, article.teaser h2, article.teaser h3, article.teaser h4, article.teaser h5, article.teaser h6 { color:#fff; } img.border { -moz-box-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 3px 3px 5px #000; -webkit-box-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 3px 3px 5px #000; box-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 3px 3px 5px #000; } img.img_left { float:left; } img.img_right { float:right; } .formpdf, .hideit { display:none !important; } } /*** Default-Layout ***/ @media screen { #main { width:100%; min-width:1280px; } #header { width:100%; min-width:1280px; height:176px; margin:0 auto; overflow:visible; } .box1280 { width:1000px; min-width: 0; margin:0 auto; } /* langselect */ nav#langselect { display:block; height:14px; padding:25px 0 21px; font-size:14px; line-height:14px; } nav#langselect ul { display:block; height:14px; } nav#langselect li { display:inline-block; zoom:1; *display:inline; } nav#langselect li a:link, nav#langselect li a:visited { display:block; height:14px; text-transform:uppercase; margin-right:5px; color:rgba(0,0,0,0.3); } nav#langselect li.active a { color:rgb(110,164,57); } nav#langselect li a:hover { color:rgb(0,0,0); } /* logo */ #logo { width:100%; height:20px; display:block; margin:0 auto; cursor:pointer; } #logo.logo_s { overflow: visible; width:1000px; } #logo.logo_l > div { width:100%; height:20px; background:url(/design/res/RAlpin_Logo_lang.png) repeat center center transparent; background-size:2500px 20px; } #logo.logo_s > div { width:230px; height:20px; position:relative; float:right; right:-20px; background:url(/design/res/RAlpin_Logo_kurz.png) no-repeat 0 0 transparent; background-size: 230px 20px; } #logo_img { height:20px; } /* logo UIRR */ .uirr, .uirrtxt { display:block; } .uirr { width:180px; height:auto; max-width:100%; } .uirrtxt { color:#000000; margin-top:15px; margin-bottom:5px; font-size:12px; } nav#nav_1 li, nav#nav_2 li, nav#nav_meta li { display:none; } /* nav_1 */ nav#nav_1 { height:30px; margin-top:32px; font-size:30px; line-height:30px; text-transform:uppercase; } nav#nav_1 li#nid5, nav#nav_1 li#nid6, nav#nav_1 li#nid7 { display:block; height:30px; display:inline-block; margin-right:10px; zoom:1; *display:inline; } nav#nav_1 li > a:link, nav#nav_1 li > a:visited { display:block; height:30px; color:rgb(0,0,0); font-family:'DIN Next W01 Light', Helvetica; position:relative; left:-1px; } nav#nav_1 li.parent > a, nav#nav_1 li.active > a, nav#nav_1 li > a:hover { color:rgb(110,164,57); } div#tomenu, div#totop { display:none; } div.navbox { display:block; height:40px; width:971px; } div.navbox > nav { float:left; } div.navbox > nav + nav { float:right; } /* nav_2 */ nav#nav_2 { height:14px; font-size:14px; line-height:14px; margin-top:11px; margin-bottom:2px; overflow:hidden; } nav#nav_2 > ul { position:relative; left:-14px; } nav#nav_2 li.current, nav#nav_2 li.parent, nav#nav_2 li.active { display:inline-block; zoom:1; *display:inline; } nav#nav_2 li.current:before, nav#nav_2 li.parent:before, nav#nav_2 li.active:before { float:left; height:14px; width:15px; position:relative; left:-2px; text-align:center; content:"/"; color:rgb(110,164,57); font-family:'DIN Next W01 Light', Helvetica; } nav#nav_2 li > a:link, nav#nav_2 li > a:visited { float:left; height:14px; color:rgb(0,0,0); font-family:'DIN Next W01 Light', Helvetica; } nav#nav_2 li.parent > a, nav#nav_2 li.active > a, nav#nav_2 li > a:hover { color:rgb(110,164,57); } /* meta */ nav#nav_meta { height:14px; font-size:14px; line-height:14px; margin-top:11px; margin-bottom:2px; } nav#nav_meta li#nid22, nav#nav_meta li#nid23, nav#nav_meta li#nid24 { display:inline-block; zoom:1; *display:inline; } nav#nav_meta li#nid23:before, nav#nav_meta li#nid24:before { content:" / "; color:rgb(110,164,57); font-family:'DIN Next W01 Light', Helvetica; } nav#nav_meta li > a:link, nav#nav_meta li > a:visited { height:14px; color:rgb(0,0,0); font-family:'DIN Next W01 Light', Helvetica; } nav#nav_meta li.parent > a, nav#nav_meta li.active > a, nav#nav_meta li > a:hover { color:rgb(110,164,57); } #content { margin:0 auto; } #content article li { list-style-image:url(/design/res/li.gif); } #content article.redongrey p { color:#F00; } a.teamlnk { display:inline-block; zoom:1; *display:inline; } a.teamlnk:link { text-decoration:none; color:rgba(0,0,0,0.5) } a.teamlnk:hover { color:rgb(110,164,57); } /** Templates **/ article a:link, article a:visited { text-decoration:underline; } article { width:1000px; margin:0 auto 40px; } article table td { vertical-align:top; } article.title > div { width:660px; } /* Standard */ article.defblock > div { width:660px; float:left; } article.defblock > div + div { width:320px; margin-left:20px; } article.defblock > div > p + p { margin-top:30px; } article.defblock > div + div > a { position:relative; display:block; width:300px; padding:10px; background-color:rgba(0,0,0,0.1); text-decoration:none; font-size:18px; font-family: 'DIN Next W01 Light', Helvetica; } article.defblock > div + div > a:after { content:" "; margin-left:15px; display:inline-block; width:25px; height:25px; position:absolute; top:7px; right:7px; background:url(/design/res/00_Pfeil_directlinks_schwarz.png) no-repeat transparent; } article.defblock > div + div > a:hover { background-color:rgba(0,0,0,0.3); } article.defblock > div + div > a + a { margin-top:20px; } article.defblock > div + div > a.madoc { color:#fff; background-color:rgb(110,164,57); text-transform:uppercase; height:auto; } article.defblock > div + div > a.madoc:hover { color:#000; } article.defblock > div + div > a.madoc:after { right:7px; background-image:url(/design/res/00_Pfeil_download_weiss.png); } article.defblock > div + div > a.madoc:hover:after { background-image:url(/design/res/00_Pfeil_download_schwarz.png); } article.defblock > div + div > a.madoc > img.MA_madoc { width:9px; height:14px; position:relative; top:1px; margin-right:4px; background:url(/design/res/Dokument_Symbol_gruen.gif) no-repeat; } article.defblock > div:first-child a.maillnk:before, article.defblock > div:last-child a.maillnk:before { content:" "; display:inline-block; zoom:1; *display:inline; width:15px; height:12px; margin-right:6px; background: url(/design/res/Briefumschlag_gruen.gif) no-repeat scroll transparent; cursor:pointer; } article.defblock > div:last-child table a.maillnk:before { background-image: url(/design/res/Briefumschlag_weiss.gif) } article.defblock > div:first-child a:after { content:" "; display:inline-block; zoom:1; *display:inline; position:relative; top:2px; width:15px; height:15px; margin:0 5px 0 3px; background:url(/design/res/00_Pfeil_directlinks_klein.png) no-repeat transparent; cursor:pointer; } article.defblock > div:first-child a.madoc:after, article.defblock > div:first-child a.maillnk:after, article.defblock > div:first-child a.teamlnk:after, article.footer > div:first-child a:after { display:none; } article.defblock a.maillnk { text-decoration:none; } article.defblock > div:first-child a.madoc > img.MA_madoc { width:27px; height:27px; position:relative; top:8px; margin:5px 15px 0 0; background:url(/design/res/00_Pfeil_download_klein.png) no-repeat transparent; cursor:pointer; } article.defblock > div:first-child a.madoc { text-decoration:underline !important; color:#6EA439; } article.defblock > div:first-child a.madoc:hover { text-decoration:underline; color:#000; } article.defblock > div:first-child table { border-spacing:0; width:660px; padding:0; font-size:16px; line-height:16px; letter-spacing:1.5px; background-color:rgba(0,0,0,0.1); } article.defblock > div:first-child table tr { color:#fff; background-color:rgb(110,164,57); text-decoration:none; font-family:'DIN Next W01 Light', Helvetica; } article.defblock > div:first-child table td { padding:10px 10px 3px; border:0; margin:0; height:20px; text-transform:uppercase; } article.defblock > div:first-child table tr + tr { color:#000; background-color:transparent; margin-bottom:1px; } article.defblock > div:first-child table tr + tr > td { border-bottom:1px solid #fff; text-transform:none; padding:7px 10px 0; height:20px; } article.defblock > div:first-child a:link { text-decoration:none; } article.defblock > div:first-child a:hover { } article.defblock > div:last-child > table:first-child { font-family:'DIN Next W01 Light', Helvetica; width:320px; padding:20px; background-color:rgb(110,164,57); color:#fff; } article.defblock > div:last-child > table:first-child a { text-decoration:none; color:#fff; } article.defblock > div:last-child > table:first-child b { font-family:'DIN Next W01 Light', Helvetica; color:#000; } /* Team Darstellung */ .mbrentry { display:inline-block; white-space:nowrap; zoom:1; *display:inline; } article.defblock > div:last-child > img { display:block; } article.team > div table, article.defblock > div#member table, article.defblock > div:last-child > img + table, article.defblock > div:last-child > img + br + table { display:block; color:#fff; background-color:rgb(110,164,57); font-size:18px; line-height:22px; letter-spacing:1.5px; width:320px; padding:20px; margin-bottom:20px; } .safari article.team > div table, .safari article.defblock > div#member table, .safari article.defblock > div:last-child > img + table, .safari article.defblock > div:last-child > img + br + table { width:280px; } article.team > div table td > a, article.defblock > div#member table td > a, article.defblock > div:last-child > img + table td > a, article.defblock > div:last-child > img + br + table td > a { color:#fff; text-decoration:none; } article.team > div table td > a:hover, article.defblock > div#member table td > a:hover, article.defblock > div:last-child > img + table td > a:hover, article.defblock > div:last-child > img + br + table td > a:hover { color:#000; } article.defblock > div#member { position:relative; } article.team > div img + br + table, article.defblock > div#member > img + br + table { position:relative; top:-22px; } article.defblock > div:last-child > a.madoc + table { font-size:12px; line-height:0px; letter-spacing:1px; width:320px; padding:0; color:#fff; background-color:rgba(110,164,57,0.6); vertical-align:top; height:0px; display:block; -webkit-transition-duration:0.5s; transition-duration:0.5s; } article.defblock > div:last-child > a.madoc + table td { padding:0 10px; } article.defblock > div:last-child > a.madoc + table td > a { color:#fff; text-decoration:none; } article.defblock > div:last-child > a.madoc + table td > a:hover { color:#000; } article.defblock > div:last-child > a.madoc + table:hover, article.defblock > div:last-child > a.madoc:hover + table { height:auto; line-height:18px; padding:5px 0; -webkit-transition-duration:0.5s; transition-duration:0.5s; } article.team { width:320px; } article.team > div > img { display:block; } article.team > div > img + table { display:block; color:#fff; background-color:rgb(110,164,57); font-size:18px; line-height:22px; letter-spacing:1.5px; width:320px; padding:20px; margin-bottom:20px; } article.team > div > img + table td > a { color:#fff; text-decoration:none; } article.team > div > img + table td > a:hover { color:#000; } /* Footer */ article.footer { margin-top:140px; } article.footer > div:first-child div { width:150px; float:left; background-color:transparent; font-size:12px; line-height:16px; text-decoration:none; text-transform:none; border-spacing:0; padding:0; margin:0; } article.footer > div:first-child div + div { margin-left:20px; } article.footer > div:first-child div a { text-decoration:none; } article.footer > div:last-child a { font-size:12px; line-height:16px; height:17px; width:310px; padding:3px 5px 0; display:none; } article.footer > div:last-child a:after { display:none; } /* Bildergalerie */ article.picstworow > div { width:490px; float:left; margin-left:0; } article.picstworow > div + div { margin-left:20px; } article.picstreerow > div { width:320px; float:left; margin-left:0; } article.picstreerow > div + div { margin-left:20px; } article.picsfourrow > div { width:235px; float:left; margin-left:0; } article.picsfourrow > div + div { margin-left:20px; } article.picstreerow > div.sub select { width:300px; } article.picsfourrow > div.sub select { width:200px; } article div.sub > div.dlpic { width:27px; height:27px; background:url(/design/res/00_Pfeil_download_klein.png) no-repeat transparent; cursor:pointer; } /* 3-Spalten */ article.treerows > div { width:320px; float:left; } article.treerows > div + div { margin-left:20px; } article.treerows > div:first-child a.maillnk:before { content:" "; display:inline-block; zoom:1; *display:inline; width:15px; height:12px; margin-right:6px; background: url(/design/res/Briefumschlag_gruen.gif) no-repeat scroll transparent; cursor:pointer; } article.treerows > div a:link { text-decoration:none; } article.treerows > div:first-child a.madoc > img.MA_madoc { width:27px; height:27px; position:relative; top:8px; margin:5px 15px 0 0; background:url(/design/res/00_Pfeil_download_klein.png) no-repeat transparent; cursor:pointer; } article.treerows > div:first-child a.madoc { position:relative; top:-8px; text-decoration:none; color:rgba(0,0,0,0.5); } article.treerows > div:first-child a.madoc:hover { position:relative; top:-8px; text-decoration:none; color:#000; } article.treerows > div:last-child > a { position:relative; display:block; width:300px; height:20px; padding:10px; background-color:rgba(0,0,0,0.1); text-decoration:none; font-size:18px; font-family: 'DIN Next W01 Light', Helvetica; } article.treerows > div:last-child > a:after { content:" "; margin-left:15px; display:inline-block; width:25px; height:25px; position:absolute; top:7px; background:url(/design/res/00_Pfeil_directlinks_schwarz.png) no-repeat transparent; } article.treerows > div:last-child > a:hover { background-color:rgba(0,0,0,0.3); } article.treerows > div:last-child > a + a { margin-top:20px; } article.treerows > div:last-child > a.madoc { color:#fff; background-color:rgb(110,164,57); text-transform:uppercase; height:auto; } article.treerows > div:last-child > a.madoc:hover { color:#000; } article.treerows > div:last-child > a.madoc:after { right:7px; background-image:url(/design/res/00_Pfeil_download_weiss.png); } article.treerows > div:last-child > a.madoc:hover:after { background-image:url(/design/res/00_Pfeil_download_schwarz.png); } article.treerows > div:last-child > a.madoc > img.MA_madoc { display:none; } article.treerows > div:last-child > table:first-child { font-family:'DIN Next W01 Light', Helvetica; width:320px; padding:20px; background-color:rgb(110,164,57); color:#fff; } article.treerows > div:last-child > table:first-child a { text-decoration:none; color:#fff; } article.treerows > div:last-child > table:first-child b { font-family:'DIN Next W01 Light', Helvetica; color:#000; } article.treerows > div:last-child > a.madoc + table { font-size:12px; line-height:0px; letter-spacing:1px; width:320px; padding:0; color:#fff; background-color:rgba(110,164,57,0.6); vertical-align:top; height:0px; display:block; -webkit-transition-duration:0.5s; transition-duration:0.5s; } article.treerows > div:last-child > a.madoc + table td { padding:0 10px; } article.treerows > div:last-child > a.madoc + table td > a { color:#fff; text-decoration:none; } article.treerows > div:last-child > a.madoc + table td > a:hover { color:#000; } article.treerows > div:last-child > a.madoc + table:hover, article.treerows > div:last-child > a.madoc:hover + table { height:auto; line-height:18px; padding:5px 0; -webkit-transition-duration:0.5s; transition-duration:0.5s; } /* Film Template */ article.movie > div { height:562px; width:1000px; position:relative; display:block; overflow:hidden; } article.movie > div + div { margin-top:20px; height:auto; overflow:visible; margin-left:0; width:1000px; } article.movie #vidplayer { display:block; width:1000px; height:650px; position:relative; top:-44px; } article.movie .pausvid, article.movie .playvid { position:absolute; top:264px; left:470px; width:62px; height:34px; background-repeat:none; cursor:pointer; } article.movie .playvid { display:block; background-image:url(/design/res/Play_Button.gif); } article.movie .pausvid { display:none; background-image:url(/design/res/Pause_Button.gif); } article.movie > div:hover .pausvid { display:block; opacity:0.5; } article.movie .pausvid:hover { opacity:1; } article.movie > div:first-child a:after { display:none; } article.movie > div + div > a:after { right:10px; } article.movie > div + div > a { width:980px; } /*** TEASER ***/ article.teaser { height:460px; overflow:visible; position:relative; transition: width 0.5s, height 0.5s, top 0.5s, transform 0.5s; -webkit-transition: width 0.5s, height 0.5s, top 0.5s, -webkit-transform 0.5s; margin-bottom:0; } article.teaser + a + article { margin-top:40px; } article.teaser.closed { height:60px; transition: width 0.5s, height 0.5s, top 0.5s, transform 0.5s; -webkit-transition: width 0.5s, height 0.5s, top 0.5s, -webkit-transform 0.5s; } article.teaser > .slides { position:relative; left:50px; transition: width 0.5s, height 0.5s, left 0.5s, transform 0.5s; -webkit-transition: width 0.5s, height 0.5s, left 0.5s, -webkit-transform 0.5s; } article.teaser.closed > .slides { left:93px; transition: width 0.5s, height 0.5s, left 0.5s, transform 0.5s; -webkit-transition: width 0.5s, height 0.5s, left 0.5s, -webkit-transform 0.5s; } article.teaser > .slides > div { height:460px; width:900px; overflow:hidden; position:absolute; top:0; -moz-transform: skewX(-12.265deg); -webkit-transform: skewX(-12.265deg); -o-transform: skewX(-12.265deg); -ms-transform: skewX(-12.265deg); transform: skewX(-12.265deg); transition: width 0.5s, height 0.5s, transform 0.5s; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; } article.teaser.closed > .slides > div { height:60px; transition: width 0.5s, height 0.5s, transform 0.5s; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; } article.teaser > .slides > div > div { height:460px; width:1000px; position:relative; left:-50px; -moz-transform: skewX(12.265deg); -webkit-transform: skewX(12.265deg); -o-transform: skewX(12.265deg); -ms-transform: skewX(12.265deg); transform: skewX(12.265deg); } article.teaser > .nav_left, article.teaser > .nav_right { height:460px; width:220px; position:relative; background-repeat:no-repeat; background-color:transparent; opacity:0.7; cursor:pointer; transition: width 0.5s, height 0.5s, transform 0.5s; -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; } article.teaser > .nav_left { float:left; left:-140px; background-image:url(/design/res/00_Pfeil_weiss_links.png); background-position:60px 190px; } article.teaser > .nav_right { float:right; right:-140px; background-image:url(/design/res/00_Pfeil_weiss_rechts.png); background-position:80px 190px; } article.teaser > .nav_open, article.teaser > .nav_close { height:40px; width:40px; position:absolute; top:10px; right:20px; background-repeat:no-repeat; background-color:transparent; opacity:0.7; cursor:pointer; } article.teaser > .nav_open { background-image:url(/design/res/00_Pfeil_weiss_oeffnen.png); } article.teaser > .nav_close { background-image:url(/design/res/00_Kreuz_schliessen_weiss_.png); } article.teaser.closed > .nav_left, article.teaser.closed > .nav_right { height:60px; -webkit-transition-duration:0.5s; transition-duration:0.5s; } article.teaser > .nav_left:hover, article.teaser > .nav_right:hover, article.teaser > .nav_open:hover, article.teaser > .nav_close:hover { opacity:1; } article.teaser #vidplayer { display:block; width:1000px; height:750px; position:relative; top:-150px; } article.teaser .pausvid, article.teaser .playvid { position:absolute; top:208px; left:470px; width:62px; height:34px; background-repeat:none; cursor:pointer; } article.teaser .playvid { display:block; background-image:url(/design/res/Play_Button.gif); } article.teaser .pausvid { display:none; background-image:url(/design/res/Pause_Button.gif); } article.teaser:hover .pausvid { display:block; opacity:0.5; } article.teaser .pausvid:hover { opacity:1; } article.teaser > .slides > div > div > div > a, article.teaser > .slides > div.sltxt > div > a { display:block; position:absolute; text-align:right; padding:4px 30px 0 4px; margin-right:10px; width:50%; right:0; background-color:#DEDEDE; text-decoration:none; font-size:18px; text-transform:uppercase; font-family:'DIN Next W01 Bold',Helvetica; } article.teaser > .slides > div > div > div > a:after, article.teaser > .slides > div.sltxt > div > a:after { display:inline-block; zoom:1; *display:inline; width:15px; height:15px; content:" "; position:absolute; right:5px; top:5px; background:url('/design/res/Pfeil_directlinks_schwarz_klein.png') no-repeat transparent; } article.teaser > .slides > div > div > div > a:hover, article.teaser > .slides > div.sltxt > div > a:hover { background-color:#B9BABB; } article.teaser > .slides > div > div > div > a.maillnk, article.teaser > .slides > div.sltxt > div > a.maillnk { display:inline; position:inherit; background-color:transparent; left:0; padding:0; margin:0; text-align:left; width:inherit; font-family:'DIN Next W01 Regular',Helvetica; text-transform:none; color:#fff; } article.teaser > .slides > div > div > div > a.maillnk:after, article.teaser > .slides > div.sltxt > div > a.maillnk:after { display:none; } article.teaser > .slides > div > div > div > a.maillnk:before, article.teaser > .slides > div.sltxt > div > a.maillnk:before { content:" "; display:inline-block; zoom:1; *display:inline; width:15px; height:12px; margin-right:6px; background: url(/design/res/Briefumschlag_weiss.gif) no-repeat scroll transparent; cursor:pointer; } article.teaser > .slides > div > div > div > a.madoc:after, article.teaser > .slides > div.sltxt > div > a.madoc:after { background-image:url('/design/res/Pfeil_download_schwarz_klein.png'); } article.teaser > .slides > div.sltxt > div > a { right:200px; width:30%; } /* slide 0 */ /* slide 1 */ article.teaser > .slides > .sltxt > div { height:354px; width:620px; padding:106px 190px 0 190px; background-color:rgb(110,164,57); } /* slide 2 */ article.teaser > .slides > .slimgtxt > div { background-color:rgb(110,164,57); } article.teaser > .slides > .slimgtxt > div > div:first-child { width:500px; height:460px; overflow:hidden; -moz-transform: skewX(-12.265deg); -webkit-transform: skewX(-12.265deg); -o-transform: skewX(-12.265deg); -ms-transform: skewX(-12.265deg); transform: skewX(-12.265deg); } article.teaser > .slides > .slimgtxt > div > div:first-child > div { width:550px; height:460px; -moz-transform: skewX(12.265deg); -webkit-transform: skewX(12.265deg); -o-transform: skewX(12.265deg); -ms-transform: skewX(12.265deg); transform: skewX(12.265deg); } article.teaser > .slides > .slimgtxt > div > div:last-child { width:330px; min-height:30px; position:absolute; top:106px; left:570px; } /* slide 3 */ article.teaser > .slides > .slimgtxt1z2 > div { background-color:rgb(110,164,57); } article.teaser > .slides > .slimgtxt1z2 > div > div:first-child { width:350px; height:460px; overflow:hidden; -moz-transform: skewX(-12.265deg); -webkit-transform: skewX(-12.265deg); -o-transform: skewX(-12.265deg); -ms-transform: skewX(-12.265deg); transform: skewX(-12.265deg); } article.teaser > .slides > .slimgtxt1z2 > div > div:first-child > div { width:400px; height:460px; -moz-transform: skewX(12.265deg); -webkit-transform: skewX(12.265deg); -o-transform: skewX(12.265deg); -ms-transform: skewX(12.265deg); transform: skewX(12.265deg); } article.teaser > .slides > .slimgtxt1z2 > div > div:last-child { width:480px; min-height:30px; position:absolute; top:106px; left:420px; } /* slide 4 */ article.teaser > .slides > .slimgtxt2z1 > div { background-color:rgb(110,164,57); } article.teaser > .slides > .slimgtxt2z1 > div > div:first-child { width:650px; height:460px; overflow:hidden; -moz-transform: skewX(-12.265deg); -webkit-transform: skewX(-12.265deg); -o-transform: skewX(-12.265deg); -ms-transform: skewX(-12.265deg); transform: skewX(-12.265deg); } article.teaser > .slides > .slimgtxt2z1 > div > div:first-child > div { width:700px; height:460px; -moz-transform: skewX(12.265deg); -webkit-transform: skewX(12.265deg); -o-transform: skewX(12.265deg); -ms-transform: skewX(12.265deg); transform: skewX(12.265deg); } article.teaser > .slides > .slimgtxt2z1 > div > div:last-child { width:180px; min-height:30px; position:absolute; top:106px; left:720px; } /* slide 5 */ article.teaser > .slides > .sltxtimg > div { background-color:rgb(110,164,57); } article.teaser > .slides > .sltxtimg > div > div:first-child { width:330px; min-height:30px; position:absolute; top:106px; left:120px; } article.teaser > .slides > .sltxtimg > div > div:last-child { width:450px; height:460px; position:absolute; left:500px; overflow:hidden; -moz-transform: skewX(-12.265deg); -webkit-transform: skewX(-12.265deg); -o-transform: skewX(-12.265deg); -ms-transform: skewX(-12.265deg); transform: skewX(-12.265deg); } article.teaser > .slides > .sltxtimg > div > div:last-child > div { width:550px; height:460px; position:absolute; left:-50px; -moz-transform: skewX(12.265deg); -webkit-transform: skewX(12.265deg); -o-transform: skewX(12.265deg); -ms-transform: skewX(12.265deg); transform: skewX(12.265deg); } /* slide 6 */ article.teaser > .slides > .sltxtimg1z2 > div { background-color:rgb(110,164,57); } article.teaser > .slides > .sltxtimg1z2 > div > div:first-child { width:180px; min-height:30px; position:absolute; top:106px; left:120px; } article.teaser > .slides > .sltxtimg1z2 > div > div:last-child { width:600px; height:460px; position:absolute; left:350px; overflow:hidden; -moz-transform: skewX(-12.265deg); -webkit-transform: skewX(-12.265deg); -o-transform: skewX(-12.265deg); -ms-transform: skewX(-12.265deg); transform: skewX(-12.265deg); } article.teaser > .slides > .sltxtimg1z2 > div > div:last-child > div { width:700px; height:460px; position:absolute; left:-50px; -moz-transform: skewX(12.265deg); -webkit-transform: skewX(12.265deg); -o-transform: skewX(12.265deg); -ms-transform: skewX(12.265deg); transform: skewX(12.265deg); } /* slide 7 */ article.teaser > .slides > .sltxtimg2z1 > div { background-color:rgb(110,164,57); } article.teaser > .slides > .sltxtimg2z1 > div > div:first-child { width:480px; min-height:30px; position:absolute; top:106px; left:120px; } article.teaser > .slides > .sltxtimg2z1 > div > div:last-child { width:300px; height:460px; position:absolute; left:650px; overflow:hidden; -moz-transform: skewX(-12.265deg); -webkit-transform: skewX(-12.265deg); -o-transform: skewX(-12.265deg); -ms-transform: skewX(-12.265deg); transform: skewX(-12.265deg); } article.teaser > .slides > .sltxtimg2z1 > div > div:last-child > div { width:400px; height:460px; position:absolute; left:-50px; -moz-transform: skewX(12.265deg); -webkit-transform: skewX(12.265deg); -o-transform: skewX(12.265deg); -ms-transform: skewX(12.265deg); transform: skewX(12.265deg); } /* slide 8 */ article.teaser > .slides > .slmodul label { } /* sub-teaser */ article.subteaser { height:200px; overflow:visible; position:relative; } article.subteaser > .slides { position:relative; } article.subteaser > .slides > div { width:320px; height:200px; overflow:hidden; position:absolute; top:0; -webkit-transition: height 0.5s linear; -moz-transition: height 0.5s linear; -ms-transition: height 0.5s linear; -o-transition: height 0.5s linear; transition: height 0.5s linear; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } article.subteaser > .slides > div:hover { height:320px; -webkit-transition: height 0.5s linear; -moz-transition: height 0.5s linear; -ms-transition: height 0.5s linear; -o-transition: height 0.5s linear; transition: height 0.5s linear; } article.subteaser > .slides > div > div { opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } article.subteaser > .slides > .out > div { opacity:0.4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } article.subteaser > .slides > .out { background-color:#000; height:200px !important; } article.subteaser > .nav_left, article.subteaser > .nav_right { height:200px; width:120px; position:relative; background-repeat:no-repeat; background-color:transparent; opacity:0.7; cursor:pointer; } article.subteaser > .nav_left { float:left; left:-140px; background-image:url(/design/res/00_Pfeil_gruen_links.png); background-position:60px 70px; } article.subteaser > .nav_right { float:right; right:-140px; background-image:url(/design/res/00_Pfeil_gruen_rechts.png); background-position:0 70px; } article.subteaser > .nav_left:hover, article.subteaser > .nav_right:hover { opacity:1; } /* Teaser Video Menu */ .playproc { display: none; cursor: pointer; position: absolute; top: 300px; left: 80px; height: 20px; padding: 5px 20px; background-image: linear-gradient(-77.735deg, transparent 0 , transparent 1em , #69C346 1em ,#69C346 430px, transparent 230px ); width: 400px; text-decoration:none !important; color:#fff !important; } #playproc { left: 70px; top: 345px; width: 380px; padding: 5px 30px; } #playsafety { left: 60px; top: 390px; width: 360px; padding: 5px 40px; } article.teaser:hover .playproc { display: block; opacity:0.8; } article.teaser .playproc:hover { opacity:1; } /* Team-PopUp */ #tpup { height:100%; top:0; width:100%; left:0; position:fixed; background-color:#fff; overflow:scroll; } .tcont, #tpup > div { width:320px; margin:auto; } .tcont > img { margin-top:10px; position:relative; top:6px; } .tcont > img + br + table, .tcont > img + table, #tpup > div > img + br + table, #tpup > div > img + table { display:block; color:#fff; background-color:rgb(110,164,57); font-size:18px; line-height:22px; letter-spacing:1.5px; width:280px; padding:20px; margin-bottom:20px; } .tcont > img + br + table td > a, .tcont > img + table td > a, #tpup > div > img + br + table td > a, #tpup > div > img + table td > a { color:#fff; text-decoration:none; } .tcont > img + table td > a:hover, #tpup > div > img + table td > a:hover { color:#000; } #tpup .close { position:fixed; top:0; right:0; width:35px; height:35px; background:url(/design/res/Kreuz_schliessen_weiss.png) center center no-repeat rgb(110,164,57); } #tpup > div > img + table { position:relative; top:-7px; } #tpup > div > img + br + table { position:relative; top:-22px; } .tcont table a.maillnk:before, #tpup table a.maillnk:before { content:" "; display:inline-block; zoom:1; *display:inline; width:15px; height:12px; margin-right:6px; background: url(/design/res/Briefumschlag_weiss.gif) no-repeat scroll transparent !important; cursor:pointer; } .tcont table { padding:20px !important; width:320px !important; background-color:rgb(110,164,57) !important; left:0px !important; } .tcont a:after { display:none !important; } /** BOOKING **/ article.teaser + a + article.booking { margin-top:0; } article.booking { font-size:14px; font-family: 'DIN Next W01 Light', Helvetica; font-weight:normal; width:100%; background-color:rgba(0,0,0,0.1); margin-top:0; } article.booking > div { width:1000px; padding:20px; display:inline-block; display:block; margin:auto; } * html article.booking > div { height: 1%; } article.booking > div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } article.booking > div + div { margin-left:20px; width:320px; padding:0; } article.booking label { width:125px; display:inline-block; vertical-align:top; text-align:left; } article.booking .bfinfo { font-family: 'DIN Next W01 Regular', Helvetica; } article.booking input[type='text'] { border:none; height:18px; padding-left:4px; width:200px; font-family: 'DIN Next W01 Light',Helvetica; font-size: 14px; padding-top:2px; } article.booking input[type='submit'] { border:none; color:#fff; font-family:'DIN Next W01 Regular', Helvetica; font-size:14px; text-transform:uppercase; float:right; width:205px; height:20px; text-align:right; padding-top:2px; padding-right:18px; background:url(/design/res/Pfeil_senden.png) right 0 no-repeat rgb(110,164,57); cursor:pointer; } article.booking input[disabled='disabled'] { opacity:0.5; cursor:default; } article.booking input[type='checkbox'] { border:none; background-color:#fff; } article.booking textarea { width:200px; height:70px; border:none; padding-left:4px; padding-top:2px; resize:none; } article.booking .bfright label { width:60px; } article.booking .bf100 { display:block; width:1060px; } article.booking .bf30 { display:block; width:340px; float:left; } article.booking .bf30 + .bf30 { margin-left:20px; text-align:right; } article.booking .bfrow { color:#000; min-height:35px; } article.booking .bfrow > h3 { color:#000; text-transform:uppercase; font-family: 'DIN Next W01 Bold', Helvetica; font-size:14px; } article.booking #bfchkagbs { display:inline-block; vertical-align:top; position:relative; top:2px; margin-right:5px; cursor:pointer; } article.booking #bfchkagbsl { width:auto; } article.booking #bfchkagbsl > a { text-decoration:none; color:#6EA439; } article.booking .agbrow { text-align:right; } article.booking .bfweightclass { display:inline-block; width:5px; margin-right:110px; } article.booking .bflogin, article.booking .bfchgudet, article.booking .bflogout { float:right; cursor:pointer; color:rgb(110,164,57); text-transform:uppercase; display:inline-block; } article.booking .bfchgudet { float:left; } article.booking .bf_orders { float:left; border-top:solid 1px #000; padding-top:10px; margin-top:20px; width:620px; } article.booking .bfbez > div { display:inline-block; width:85px; font-family: 'DIN Next W01 Regular',Helvetica; } article.booking .bfreq > div { display:inline-block; width:85px; font-family: 'DIN Next W01 Light',Helvetica; } article.booking .bfbez > div:first-child, article.booking .bfreq > div:first-child, article.booking .bfbez > div:last-child, article.booking .bfreq > div:last-child { width:50px; } article.booking select { background:url(/design/res/Pfeil_dropdown.png) 185px 0 no-repeat #fff; border:none; width:225px; height:20px; padding:2px 0 1px 1px; cursor:pointer; font-family: 'DIN Next W01 Light',Helvetica; font-size: 14px; } article.booking .selectbox { overflow:hidden; width:204px; display:inline-block; } article.booking .checkbox { overflow:hidden; width:204px; display:inline-block; text-align:left; font-size:12px; } article.booking #bfdate { background:url(/design/res/Pfeil_dropdown.png) right 0 no-repeat #fff; border:none; width:200px; cursor:pointer; } article.booking .bfeditmnu { width:68px !important; } article.booking .bfeditmnu > div { display:inline-block; cursor:pointer; } article.booking .bfeditmnu > div + div { margin-left:4px; } article.booking .bf_edit_bt { width:14px; height:14px; background:url(/design/res/edit.gif) no-repeat 0 0 transparent; } article.booking .bf_del_bt { width:14px; height:14px; background:url(/design/res/delete.gif) no-repeat 0 0 transparent; } article.booking .bf_add_bt { width:14px; height:14px; background:url(/design/res/add.gif) no-repeat 0 0 transparent; } article.booking .bf_info_bt { width:14px; height:14px; background:url(/design/res/info.gif) no-repeat 0 0 transparent; cursor:default; } article.booking .bfbtadr { height:25px; width:71px; display:inline-block; cursor:pointer; background:url(/design/res/Lastwagen.gif) no-repeat 0 0 transparent; } article.booking .bfbtadr.only { width:186px; } article.booking .bfbtrid { height:25px; width:90px; display:inline-block; cursor:pointer; background:url(/design/res/Sattelzug.gif) no-repeat 0 0 transparent; } article.booking #bfadr, article.booking #bfrid { position:relative; top:-7px; cursor:pointer; } article.booking #bfrid { margin-left:4px; } article.booking .bfcellright { text-align:right; } /* Fahrplan */ article.teaser + a + article.fahrplan { margin-top:0; } article.fahrplan { font-size:14px; font-family: 'DIN Next W01 Light', Helvetica; font-weight:normal; width:100%; height:400px; background-color:rgba(0,0,0,0.1); margin-top:0; } article.fahrplan > div { width:1000px; padding:20px; display:inline-block; display:block; margin:auto; } article.fahrplan #fpconl, article.fahrplan #fpdatel { color:#000; font-family:'DIN Next W01 Light', Helvetica; } article.fahrplan #fpconl { margin-left:50px; } article.fahrplan .selectbox { overflow:hidden; width:204px; display:inline-block; } article.fahrplan select { background:url(/design/res/Pfeil_dropdown.png) 185px 0 no-repeat #fff; border:none; width:225px; height:20px; padding:2px 0 1px 1px; cursor:pointer; font-family: 'DIN Next W01 Light',Helvetica; font-size: 14px; } article.fahrplan #fpcon { } article.fahrplan .fprow { display:block; width:1000px; min-height:40px; } article.fahrplan .fptab { width:360px; float:left; margin-top:4px; background-color:#fff; -webkit-box-shadow: 8px 10px 10px -3px rgba(0,0,0,0.2); box-shadow: 8px 10px 10px -3px rgba(0,0,0,0.2); } article.fahrplan #fp1 .fptab:nth-child(2n), article.fahrplan #fp2 .fptab { margin-left:3px; } article.fahrplan .fptab .fptabrow { width:352px; font-size:14px; line-height:16px; color:#000; } article.fahrplan .fptabrow > div { display:inline-block; width:60px; vertical-align:top; } article.fahrplan .fptabrow > div + div { width:70px; text-align:right; padding-right:5px; } article.fahrplan .fptabrow > div + div + div { width:70px; text-align:left; padding-right:0; padding-left:5px; } article.fahrplan .fptabrow > div + div + div + div { padding-left:0; } article.fahrplan label { width:80px; display:inline-block; vertical-align:top; text-align:left; } article.fahrplan input[type='text'] { border:none; height:18px; padding-left:4px; width:200px; font-family: 'DIN Next W01 Light',Helvetica; font-size: 14px; padding-top:2px; position:relative; top:-8px; } article.fahrplan input[type='submit'] { border:none; color:#fff; font-family:'DIN Next W01 Regular', Helvetica; font-size:14px; text-transform:uppercase; float:left; width:205px; height:20px; text-align:right; padding-top:2px; padding-right:18px; margin-top:25px; background:url(/design/res/Pfeil_senden.png) right 0 no-repeat rgb(110,164,57); cursor:pointer; } article.fahrplan .fptab .fptabtitle { color:#fff; text-align:center; padding:3px 4px 1px; text-transform:uppercase; background-color:rgba(0,0,0,0.4); } article.fahrplan .fptab .fptabdescr { background-color:rgba(0,0,0,0.3); line-height:16px; padding:3px 4px 1px; } article.fahrplan .fptab .fptabcon { padding:2px 4px 1px; } article.fahrplan .fptab .fbselected, html.no-touch article.fahrplan .fptab .fptabcon:hover { cursor:pointer; background-color:#6EA439; } article.fahrplan #fpdate { background:url(/design/res/Pfeil_dropdown.png) right 0 no-repeat #fff; border:none; width:200px; cursor:pointer; } /* Live-View */ article.trainview { position:relative; } article.trainview > div { width:675px; height:20px; padding-bottom:10px; display:block; } article.trainview > div + div { height:1231px; } article.trainview #liveview, article.trainview #liveview_new, article.trainview .mvtrain, article.trainview .mvtrainpos { position:absolute; display:block; color:#fff; font-size:14px; line-height:20px; background-repeat:no-repeat; background-color:transparent; height:17px; width:39px; } article.trainview .mvtrain.trainl, article.trainview .mvtrainpos.trainl { background-image:url(/design/res/train_l.png); padding:0 7px 0 27px; } article.trainview .mvtrain.trainr, article.trainview .mvtrainpos.trainr { background-image:url(/design/res/train_r.png); padding:0 27px 0 7px; } article.trainview .mvtrain.trainlp, article.trainview .mvtrainpos.trainlp { background-image:url(/design/res/train_l_plus.png); padding:0 7px 0 27px; } article.trainview .mvtrain.trainrp, article.trainview .mvtrainpos.trainrp { background-image:url(/design/res/train_r_plus.png); padding:0 27px 0 7px; } article.trainview .mvtrain.tdelay, article.trainview .mvtrainpos.tdelay { } article.trainview .mvtrain > div, article.trainview .mvtrainpos > div { display:block; position:absolute; left:80px; top:0; width:auto; height:auto; white-space:nowrap; color:#000; font-weight:normal; font-size:12px; text-shadow:0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 2px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff, 1px 1px 3px #fff; } /* footer */ footer { width:100%; height:20px; } a.copyright { display:block; float:right; margin-right:20px; margin-bottom:10px; width:88px; height:10px; z-index:20; background:url('/appl/marker/contriaPageSystem_f.png') no-repeat; display:block; opacity:0.2; cursor:pointer; -webkit-transition-duration:0.5s; transition-duration:0.5s; } a.copyright:hover { opacity:1; -webkit-transition-duration:0.5s; transition-duration:0.5s; } #mti_wfs_colophon { display:none !important; } article.teaser { height:368px; top:-44px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } article.teaser.closed { top:-6px; } article.teaser > .slides { left:-114px; } article.teaser.closed > .slides { left:-71px; } article.teaser > .nav_left, article.teaser > .nav_right { height:368px; } article.teaser > .nav_left { left:-302px; } article.teaser > .nav_right { left:-24px; } article.teaser > .nav_close, article.teaser > .nav_open { right:187px; } /* bf pop */ #selcontainer { position:fixed; height:100%; top:0; width:100%; left:0; padding:20%; font-family:'DIN Next W01 Light', Helvetica; background-color:rgba(0,0,0,0.3); } #selcontainer > .adm_popup { background-color:#fff; padding:30px; padding-left:10px; width:400px; z-index:14050; } #selcontainer > .adm_popup * { z-index:14055; } #selcontainer .adm_row { padding:5px; min-height:25px; } #selcontainer .adm_row > * { display:inline-block; margin-left:20px; } #selcontainer label { width:170px; } #selcontainer .select { color:#344E81 !important; } #selcontainer input { font-size: 14px; font-family: 'DIN Next W01 Light',Helvetica; color:#000; background-color: #fff; border: 1px solid #666666; padding:3px 5px; margin-top:5px; width:158px; } #selcontainer .title { font-family: 'DIN Next W01 Bold', Helvetica; font-weight:normal; text-transform:uppercase; } #selcontainer .submit { display:inline-block; border:none; color:#fff; font-family:'DIN Next W01 Regular', Helvetica; font-size:14px; text-transform:uppercase; width:170px; height:20px; text-align:right; padding-top:2px; padding-right:18px; background:url(/design/res/Pfeil_senden.png) right 0 no-repeat rgb(110,164,57); cursor:pointer; } #selcontainer input[type='reset'] { background:url(/design/res/Kreuz_reset.png) right 0 no-repeat rgba(0,0,0,0.5); } #selcontainer #failmail, #selcontainer #failpass { color:#ff0000; } #srbox .srrowa .srtit { font-size:12px; } #srbox .srrowa, #srbox .srrowb, #srbox .srrowa .srtit { padding-bottom:2px !important; padding-top:0 !important; } #ps2si { background-color:rgba(0,0,0,0.1) !important; background-image:none !important; width:auto !important; border:none !important; border-radius:0 !important; width: 290px !important; height:14px; float:left; } #srbox .srimg, #srbox .srtyp { background:url("/design/res/00_Pfeil_directlinks_schwarz.png") no-repeat center right transparent !important; float:right !important; } #srbox .srrowa, #srbox .srrowb { margin-left:0 !important; margin-right:45px !important; } #srbox { border:none !important; border-top:1px solid rgb(110, 164, 57) !important; border-radius:0 !important; width:290px; } #ps2search::after { background: rgba(0, 0, 0, 0.1) url("/appl/marker/pss.png") no-repeat scroll 3px 1px; content: ""; cursor: pointer; display: inline-block; height: 14px; width: 20px; padding:2px 0; } .newsfeed { width:320px; margin:0 auto 20px; display:block; position:relative; overflow:hidden; height:auto; background-color:rgba(0,0,0,0.1); border-radius: 5px; box-shadow: inset 0 0 1px gray, 2px 2px 2px gray; } .newsfeed .nf_slide { height:auto; visibility: visible; } .newsfeed .nf_slide.not_shown { display:none; } .newsfeed.nfs_closed, .newsfeed.nfs_closed .nf_slide { height:140px; overflow:hidden; } .newsfeed .nf_slide.not_shown { visibility: hidden; } .newsfeed .nf_content { padding:50px 10px 10px; margin-top:0; margin-bottom:50px; } .newsfeed.nfs_closed .nf_content { height:50px; } .newsfeed .nf_title { height:40px; width:300px; display:block; position:absolute; top:0; color:#F00; line-height:40px; } .newsfeed .nf_time { display:block; width:319px; height:20px; position:absolute; bottom:30px; left:1px; background: -moz-linear-gradient(top, rgba(225,225,225,0) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(225,225,225,0) 0%, rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(225,225,225,0) 0%, rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .newsfeed .nf_ptime > div { display:block; position:absolute; right:10px; top:30px; font-size:10px; color:gray; } .newsfeed .nf_button { height:30px; width:319px; display:block; overflow:hidden; position:absolute; bottom:0; left:1px; background-color:#F0F0F0; text-align:center; cursor:pointer; } .newsfeed .nf_button > div { display:inline-block; height:22px; background-color:#75ad61; color:#fff; margin-top:3px; } .newsfeed .nf_button:hover > div { color:#000; } .newsfeed .nf_button > div > span { padding:0 10px; position:relative; top:-6px; } .newsfeed .nf_button > div.nfb_open { display:none; } .newsfeed .nf_button > div.nfb_close { display:inline-block; } .newsfeed.nfs_closed .nf_button > div.nfb_open { display:inline-block; } .newsfeed.nfs_closed .nf_button > div.nfb_close { display:none; } .newsfeed .nf_button > div.nfb_close:before, .newsfeed.nfs_closed .nf_button > div.nfb_open:before { content:' '; display:inline-block; width: 0; height: 0; border-top:22px solid #F0F0F0; border-right:4px solid transparent; } .newsfeed .nf_button > div.nfb_close:after, .newsfeed.nfs_closed .nf_button > div.nfb_open:after { content:' '; display:inline-block; width: 0; height: 0; border-bottom:22px solid #F0F0F0; border-left:4px solid transparent; } /* News modul */ .newsfeed_meldung { width:320px; } .newsfeed_meldung > div { padding:5px 10px; } .newsfeed_meldung > div b { font-weight:700; } .newsticker { padding:5px; background-color:#6FA430; margin:0 auto 20px; max-width:990px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; } .newsticker .ntb_headline { font-weight:700; color:#FFFFFF; position:relative; top:-2px; } .newsticker .ntc { padding:10px 10px 2px; max-height:252px; overflow:hidden; background-color:#FFFFFF; border-bottom-right-radius: 10px; border-top-left-radius: 10px; } .newsticker .nt_content { height:38px; line-height: 22px; padding:6px 10px 10px; overflow:hidden; position:relative; border-bottom-right-radius: 5px; border-top-left-radius: 5px; box-shadow:1px 1px 3px #000; } .newsticker .nt_content > .nt_button { position:absolute; bottom:4px; right:10px; display:inline; display:inline-block; background-color:#FFFFFF; color:#6FA430; cursor:pointer; } .newsticker .nt_content > .nt_button:before { content:' '; display:inline; display:inline-block; width:40px; height:20px; position:absolute; left:-40px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); } .newsticker .nt_content + .nt_content { margin-top:12px; } .newsticker .nt_content:last-of-type { margin-bottom:10px; } .newsticker .nt_content b { color:#000000; } .newsticker .nt_content.open { height:auto; padding-bottom:20px; } .newsticker .nt_content > .nt_button > .ntb_open { display:block; } .newsticker .nt_content.open > .nt_button > .ntb_open { display:none; } .newsticker .nt_content > .nt_button > .ntb_close { display:none; } .newsticker .nt_content.open > .nt_button > .ntb_close { display:block; } .newsticker.nt_open .ntc { overflow-y: scroll; overflow-x: hidden; } .newsticker.nt_open .nt_content { opacity:0.5; } .newsticker.nt_open .nt_content.open { opacity:1; } .newsticker .nt_content.open { height:auto; padding-bottom:24px; } } /*** Tablet-Layout iPad landscape / Mobile-Layout iPhone5 landscape ***/ @media screen and ( max-width: 1280px ) { body { width:auto; min-width:0; overflow-x:visible; } #main { width:auto; min-width:0; overflow-x:hidden; } #header { min-width:0; width:auto; } .box1280 { min-width:0; width:1000px; margin:0 auto; } nav#nav_1, div.navbox { margin-left:0; } nav#langselect { padding-left:0; } #logo.logo_l { background-position:-760px center; } } /*** Tablets-Layout iPad portrait / Mobile-Layout iPhone landscape ***/ @media screen and ( max-width: 1024px ) { .box1280, #header { width:668px; position:relative; } #logo.logo_s { width:668px; } #logo.logo_s > div { right:0; } article {font-size:14px; line-height:18px; letter-spacing:0.3px;} h1 {font-size:18px; line-height:20px;} h2 {font-size:16px;line-height:18px;letter-spacing:1.5px;} h3 {font-size:14px;} h4 {font-size:12px;} h5 {font-size:10px;} h6 {font-size:8px;} article.defblock > div > p + p {margin-top:20px;} article {margin-bottom:20px;} nav#nav_meta { position: absolute; right: 0; top: -98px; } #content, article, article.picstworow, article.picstreerow, article.picsfourrow, article.title > div { width:660px; } article > div { margin-left:0; margin-right:0; display:block; } article.defblock > div + div { margin-top:20px; } article.defblock > div + div { width:660px; margin-left:0; } article.defblock > div + div > a { width:640px; } /* 3-Spalten */ article.treerows > div { width:320px; } article.treerows > div:last-child { margin-left:0; width:660px; margin-top:20px; } article.treerows > div:last-child > a { width:640px; } /* Bildergalerie */ article.picstworow, article.picstreerow, article.picsfourrow { margin-bottom:0; } article.picstworow > div, article.picstreerow > div, article.picsfourrow > div { margin-bottom:20px; } article.picstreerow > div { width:210px !important; } article.picstreerow div > img { width:210px !important; height:154px !important; } article.picstreerow > div + div, article.picstreerow > div.sub + div.sub { margin-left:15px; } article.picsfourrow > div { width:150px !important; } article.picsfourrow div > img { width:150px !important; height:204px !important; } article.picsfourrow > div + div { margin-left:20px; } article.picstworow > div { width:320px; } article.teaser { height:304px; top:-51px; -webkit-transform: scale(0.66); -moz-transform: scale(0.66); -ms-transform: scale(0.66); -o-transform: scale(0.66); transform: scale(0.66); } article.teaser.closed { top:-10px; } article.teaser > .slides { left:-120px; } article.teaser.closed > .slides { left:-76px; } article.teaser > .nav_left, article.teaser > .nav_right { height:304px; } article.teaser > .nav_close, article.teaser > .nav_open { right:-150px; } article.teaser > .nav_right { left: 304px; } article.teaser + a + article.booking, article.teaser + a + article.fahrplan { margin-top:-7px; } article.trainview { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); height:1100px; left:-7px; top:-40px; } article.fahrplan #fpconl { margin-left:40px; } article.fahrplan label { width:60px; } article.fahrplan .selectbox { position:relative; top:-2px; } article.fahrplan .fprow, article.fahrplan > div { width:auto; display:block; } article.booking > div, article.booking .bf100 { width:620px; } article.booking .bf30 + .bf30 { margin-left:0; text-align:left; } article.booking #bfbasket { overflow-x:scroll; padding-bottom:20px; } article.booking #bfbasket > div { width:1190px; } article.booking #ba_title { background-color:rgba(0,0,0,0.2); } article.booking #ba_title:first-child > * { vertical-align:top; } article.booking #ba_title > * { padding:4px 5px 2px; } article.booking #bfbasket .bfeditmnu { float:right; } article.booking #bfbasket .bfreq { margin:7px 0 5px; } article.booking #bfbasket .bfreq > * { padding:0 5px; } article.movie #vidplayer { height: 434px; top: -31px; width: 660px; } article.movie > div { height: 371px; } article.movie .pausvid, article.movie .playvid { left: 300px; top: 170px; } #ps2si { width:600px !important; height:20px; padding:10px !important; font-size:16px !important; margin-top:20px; } #srbox { width:610px; } #ps2search::after { height:20px; padding:10px; background-position:12px 12px; margin-top:20px; } } /*** Tablet-Layout iPad 2 ***/ @media screen and ( max-width: 980px ) { } /*** Mobile-Layout iPhone portrait ***/ @media screen and ( max-width: 768px) { .box1280, #header { width:100%; } #nav_1, #nav_2, .navbox, nav#nav_meta, div#logo, /* article.teaser, */ div.navbox { display:none; } a#totop { width:40px; height:40px; position:fixed; left:0; bottom:0; z-index:20; display:block; background:url('/design/res/go_up.png') no-repeat #6EA439; cursor:pointer; } div#topbar { width:100%; position:absolute; top:0; height:40px; background-color:rgba(0,0,0,0.1); } div#tomenu { width:40px; height:40px; display:inline-block; background:url('/design/res/mobile_menu_bt.png') no-repeat 0 0 #6EA439; cursor:pointer; } nav#langselect { display:inline-block; height:20px; padding:14px 10px 0; vertical-align:top; font-size:16px; } div#topbarlogo { float:right; display:inline-block; width:230px; height:20px; margin:10px; background:url(/design/res/RAlpin_Logo_kurz.png) no-repeat 0 0 transparent; background-size: 230px 20px; cursor:pointer; } #header { height: 70px; } #content, articel, article.title, article.defblock, article.defblock > div, article.defblock > div + div, article.defblock.footer > div + div, article.title > div, article.subteaser { width:400px; } article.defblock > div + div > a { width:380px; } article.defblock > div:first-child table { width:400px; } article.subteaser > .slides > div, article.subteaser { height:320px; } /* article.subteaser > .slides > div > div > img { width:400px; } article.subteaser > .slides > div { width:400px; height:400px; overflow:hidden; position:absolute; top:0; } article.subteaser > .slides > div:hover { height:400px; } article.subteaser > .slides > .out { height:250px !important; } */ article.footer { margin-top:40px; } article.footer > div:first-child div { width:400px; display:block; } article.footer > div:first-child div + div { margin-left:0; } article.footer > div:first-child div a { text-decoration:none; font-size:18px; display:block; position:relative; width:378px; padding:10px; margin-bottom:3px; background-color:rgba(0,0,0,0.1); font-family:'DIN Next W01 Light',Helvetica; } article.footer > div:first-child div .upper.parent { background-color:#6EA439; color:#fff; } article.footer > div:first-child div .active { background-color:rgba(0,0,0,0.3); } article.footer > div:first-child div a.side, article.footer > div:first-child div br { display:none; } article.footer > div:first-child div br + br { display:inline; } article.footer > div:first-child div a + br + a { border-top:none; } article.footer > div:first-child div a.main { color:rgba(0,0,0,0.5); } article.footer > div:first-child div a:after { background: url("/design/res/00_Pfeil_directlinks_schwarz.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); content:" "; display:inline-block; height:25px; margin-left:15px; position:absolute; top:6px; right:1px; width:25px; } article.footer > div:first-child div a.upper:after { background-image:url("/design/res/Kreuz_schliessen_schwarz.png"); } article.footer > div:first-child div a.upper.closed:after { background-image:url("/design/res/00_Pfeil_download_schwarz.png"); } article.footer > div:first-child div a.parent:after { background-image:url("/design/res/Kreuz_schliessen_weiss.png"); } article.footer > div:first-child div a.parent.closed:after { background-image:url("/design/res/00_Pfeil_download_weiss.png"); } article.footer > div:first-child div a.main:after { background-image:url("/design/res/00_Pfeil_directlinks_schwarz.png"); } article.footer > div:first-child > div > a.upper ~ a:not(.main):after { display:none; } article.footer > div:first-child > div > a.upper ~ a:not(.main) { background-color:#fff; height:16px; padding:5px 10px 2px; font-size:14px; } article.footer > div:first-child > div > a.upper ~ a:not(.main):last-child { margin-bottom:10px; } article.footer > div:first-child > div > a.upper ~ a:not(.main).active { font-family:'DIN Next W01 Regular',Helvetica; } article.footer > div:first-child > div > a.upper ~ a:not(.main):hover { background-color:rgba(0,0,0,0.1); } /* effect */ article.footer > div:first-child div .upper ~ a { } article.footer > div:first-child div .upper.closed ~ a { display:none; } /* 3-Spalten */ article.treerows > div { width:400px; } article.treerows > div + div { margin-left:0; margin-top:20px; } article.treerows > div + div > iframe { width:400px !important; } article.treerows > div:last-child > a { width:380px; } /* Bildergalerie */ article.picstworow > div, article.picstreerow > div, article.picsfourrow > div, article.picstworow > div + div, article.picstreerow > div + div, article.picsfourrow > div + div, article.picstworow div > img, article.picstreerow div > img, article.picsfourrow div > img { width:400px !important; margin-left:0; } article.picstworow div > img { height:606px !important; } article.picstreerow div > img { height:294px !important; } article.picsfourrow div > img { height:545px !important; } article.picstworow > .sub, article.picstreerow > .sub, article.picsfourrow > .sub { float:right !important; width:27px !important; } article.teaser { height:204px; top:-56px; margin-top:-18px; -webkit-transform: scale(0.44); -moz-transform: scale(0.44); -ms-transform: scale(0.44); -o-transform: scale(0.44); transform: scale(0.44); } article.teaser.closed { top:-24px; } article.teaser > .slides { left:-370px; } article.teaser.closed > .slides { left:-328px; } article.teaser > .nav_left, article.teaser > .nav_right { height:204px; background-position: 75px 75px; top:100px; } article.teaser > .nav_close, article.teaser > .nav_open { right:105px; } article.teaser > .nav_left { left:-420px; } article.teaser > .nav_right { left:-80px; } article.teaser.closed, article.teaser.closed > .slides, article.teaser.closed > .slides > div { height:90px; } article.teaser > .nav_open, article.teaser > .nav_close { right:125px; top:25px; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } article.teaser.closed > .nav_left, article.teaser.closed > .nav_right { display:none; } article.teaser.closed + a + article { margin-top:0; -webkit-transition-duration:0.5s; transition-duration:0.5s; } article.trainview { -webkit-transform: scale(0.59); -moz-transform: scale(0.59); -ms-transform: scale(0.59); -o-transform: scale(0.59); transform: scale(0.59); height: 695px; left:-134px; top:-160px; } article.booking > div { width:400px; margin-left:0; } article.booking .bfleft, article.booking .bfright, article.booking .bf_orders { width:360px; } article.booking .bfright { margin-left:0; } article.booking .bfright > .bfrow { text-align:left; } article.booking .bfrow > label { width:152px; } article.booking #bfchkagbsl, article.booking #bfchkweightbasel { width:343px; } article.booking .bfbtadr.only { width:71px; } article.booking #bfadrridl { width:30px; position:relative; top:3px; } article.teaser + a + article.booking, article.teaser + a + article.fahrplan { margin-top:-20px; } article.fahrplan { height:410px; } article.fahrplan #fpdate { margin-right:60px; margin-bottom:15px; } article.fahrplan #fpconl { margin-left:0; } article.fahrplan input[type="text"] { top:0; } article.fahrplan input[type="submit"] { float:right; } article.booking .bf30 { width:360px; } article.booking > div, article.booking .bf100 { width:360px; } article.booking #bfchkagbsl { width: 335px; } html.touch article.booking #bfrid { margin-left:156px; margin-bottom:6px; } #selcontainer { padding:0; overflow:scroll; } #selcontainer .adm_row > * { display: inline-block; margin-left:10px; } #selcontainer .submit { width:140px; } article.movie #vidplayer { height: 300px; top: -37px; width: 400px; } article.movie > div { height: 225px; } article.movie .pausvid, article.movie .playvid { left: 167px; top: 96px; } #ps2si { width:338px !important; } #srbox { width:348px; } } @media screen and ( max-width: 560px) { article.subteaser { width:280px; } article.subteaser > .slides > div img { display: block; max-width: 100%; } article.subteaser > .nav_left { left: -90px; } article.subteaser > .nav_right { right: -90px; } /*article.subteaser .slides > div > div { position:relative; left:40px; }*/ article.subteaser > .slides > div { overflow: visible; } article.subteaser > .slides > .out { background-color: transparent; } } /*** Mobile-Layout iPhone no retina portrait ***/ @media screen and ( max-width: 460px) { div#topbarlogo { right:-26px; top:10px; position:absolute; margin:0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } #content, articel, article.defblock, article.defblock > div, article.defblock > div + div, article.title > div { width:280px; } article.defblock > div + div > a { width:280px; left:-10px; font-size:16px; } #content { padding-bottom:30px; } //a#totop { width:100%; } a.copyright { bottom:45px; } article.defblock > div:first-child table { width:300px; position:relative; left:-10px; } /* article.subteaser { height:250px; } article.subteaser > .slides > div > div > img { width:300px; } article.subteaser > .slides > div { width:300px; height:250px; overflow:hidden; position:absolute; top:0; } article.subteaser > .slides > div:hover { height:250px; } article.subteaser > .slides > .out { height:180px !important; } */ article.subteaser > .slides > div { width: 280px; } article.defblock > div:last-child > table:first-child, article.footer > div:first-child div, article.footer, article.footer > div:first-child div a { width:280px; } article.footer > div:first-child div a { width: 260px; } /* 3-Spalten */ article.treerows > div { width:280px; float:inherit; } article.treerows > div + div > iframe { width:280px !important; } article.treerows > div:last-child > a { width:260px; } article.picstworow div > img { width:280px !important; height:381px !important; } article.picstreerow div > img { width:280px !important; height:206px !important; } article.picsfourrow div > img { width:280px !important; height:381px !important; } article.teaser { height:140px; top:-60px; margin-top:-9px; -webkit-transform: scale(0.32); -moz-transform: scale(0.32); -ms-transform: scale(0.32); -o-transform: scale(0.32); transform: scale(0.32); } article.teaser.closed { top:-43px; } article.teaser > .slides { left:-652px; } article.teaser.closed > .slides { left:-608px; } article.teaser > .nav_left, article.teaser > .nav_right { height:140px; background-position: 50px 50px; top:135px; transition-delay:0.5s; -webkit-transition-delay:0.5s;} article.teaser > .nav_close, article.teaser > .nav_open { right:435px; } article.teaser > .nav_left { left:-680px; } article.teaser > .nav_right { left:-345px; } article.teaser.closed, article.teaser.closed > .slides, article.teaser.closed > .slides > div { height:90px; } article.teaser > .nav_open, article.teaser > .nav_close { width:120px; height:40px; background-position:60px 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } article.trainview { -webkit-transform: scale(0.42); -moz-transform: scale(0.42); -ms-transform: scale(0.42); -o-transform: scale(0.42); transform: scale(0.42); height:480px; left:-192px; top:-160px; } article.booking > div, article.booking .bf100, article.booking .bf50, article.booking .bf30, article.booking .bfrow > label { width:240px; } article.booking .bfrow > label { margin-bottom:3px; } article.booking textarea { width:235px; } article.booking #bfdriverl { width:220px; float:right; cursor:pointer; } article.booking #bfdriverl + .checkbox { float:left; width:15px; position:relative; top:-1px; cursor:pointer; } article.booking .bfleft, article.booking .bfright, article.booking .bf_orders { width:240px; } article.booking input[type='text'] { width:235px; } article.booking .selectbox { width:240px; } article.booking select { width:255px; background-position:221px 0; } article.booking #bfdate { width:236px; background-position:221px 0; } article.booking #bfchkagbsl { width:212px; } article.booking .bfrow { margin-bottom:10px; } article.booking .bfweightclass.bfweightclass { margin-right:63px; } html.touch article.booking #bfrid { margin-left:0; margin-bottom:0; } article.booking .bfchgudet { width: 140px; } article.teaser + a + article.booking, article.teaser + a + article.fahrplan { margin-top:-44px; } article.fahrplan { height:460px; } article.fahrplan label { margin-bottom: 5px; } article.fahrplan #fp1 { overflow-x:scroll; padding-bottom:20px; } article.fahrplan input[type="submit"] { margin-top:5px; } article.movie #vidplayer { height: 240px; top: -35px; width: 300px; } article.movie > div { height: 169px; } article.movie .pausvid, article.movie .playvid { left: 117px; top: 68px; } article.movie > div + div > a { left:0; width: 260px; } #ps2si { width:220px !important; } #srbox { width:230px; } } @media screen { #mnav_shade, #sw_menu, #mnav_box { display:none; } } /*** Tablets-Layout iPad portrait / Mobile-Layout iPhone landscape ***/ @media screen and ( max-width: 768px) { .main_nav, .sub_nav, .cntnav { display:none; } #logo_mobile { display:block; width:100%; height:40px; background:url('/design/res/RAlpin_Logo_kurz.png') no-repeat scroll center center / 50% #fff; } #tomenu, #totop, .footer.psnohl > div:first-child { display:none !important; } //div#topbarlogo { margin-right:50px; } #sw_menu { width:40px; height:40px; display:block; position:fixed; top:0; left:0; background:url('/design/res/mobile_menu_bt.png') no-repeat 0 0 #6EA439; cursor:pointer; z-index: 105; } #sw_menu.mnu_open {margin-top:1px;} #nav_mobile > ul.deep_2 { padding-top: 0; border-top:1px solid #000; } #nav_mobile > ul.deep_2 > li:first-child { border-top: none; } nav#langselect { margin-left: 40px; } #mnav_shade { display:none; opacity:0; height:100%; width:100%; position:fixed; cursor:pointer; z-index: 100; background: rgba(216, 216, 216, 0.7); background: -moz-linear-gradient(50deg, rgba(240, 240, 240, 0.9) 27%, rgba(200, 200, 200, 0.8) 100%); background: -webkit-linear-gradient(50deg, rgba(240, 240, 240, 0.9) 27%, rgba(200, 200, 200, 0.8) 100%); background: -o-linear-gradient(50deg, rgba(240, 240, 240, 0.9) 27%, rgba(200, 200, 200, 0.8) 100%); background: -ms-linear-gradient(50deg, rgba(240, 240, 240, 0.9) 27%, rgba(200, 200, 200, 0.8) 100%); background: linear-gradient(120deg, rgba(240, 240, 240, 0.9) 27%, rgba(200, 200, 200, 0.8) 100%); } #mnav_shade.show { display:block; } #mnav_shade + #mnav_box { display:block; position:fixed; overflow:hidden; width:0; height:100%; z-index: 103; background: #fff; border:1px solid #555; border-left:none; -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.66); -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.66); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.66); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } #mnav_box > #nav_mobile { height:100%; width:100%; position:absolute; bottom:0; overflow:scroll; } #nav_mobile { font-size:20px; color:#000000; } #nav_mobile ul { margin:0; padding:0; list-style-type:none; } #nav_mobile > ul { padding:2px 10px; overflow:hidden; } #nav_mobile li { display:block; text-align:left; } #nav_mobile a { color:#FFFFFF; display:block; padding:12px 0 8px 20px; margin-bottom:1px; font-weight:500; white-space:nowrap; position:relative; top:-1px; } #nav_mobile ul.deep_2 > li > a { padding-left: 35px; font-size:18px; font-family: 'DIN Next W01 Light', Helvetica; } #nav_mobile ul.deep_3 > li > a { padding-left: 50px; font-size:16px; } #nav_mobile ul.deep_4 > li > a { padding-left: 65px; font-size:14px; } #nav_mobile ul li { display: none; } #nav_mobile li > a:link, #nav_mobile li > a:visited { color: #000000; } #nav_mobile li.active > a { color: rgb(110,164,57); } #nav_mobile > ul > li:first-child { border-top:1px solid #000000; } #nav_mobile > ul > li { border-bottom:1px solid #000000; } #nav_mobile > ul > li.active, #nav_mobile > ul > li.parent { border-bottom:1px solid rgb(110,164,57); } #nav_mobile > ul > li.active, #nav_mobile > ul > li.parent { border-top:1px solid rgb(110,164,57); position:relative; top:-1px; } #nav_mobile ul.deep_3 > li:before { content:''; position:absolute; width:100%; height:1px; background:linear-gradient(to left, #fff, #999, #fff); left:0; } #nav_mobile > ul > li.active > a, #nav_mobile > ul > li.parent > a { padding-top:3px; } #nav_mobile > ul > li.active:before, #nav_mobile > ul > li.parent:before { content:""; display:block; position:relative; margin:0 auto; top:-1px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0; border-color: #ffffff transparent transparent; -webkit-filter: drop-shadow(0 1px 0 rgb(110,164,57)); -moz-filter: drop-shadow(0 1px 0 rgb(110,164,57)); -ms-filter: drop-shadow(0 1px 0 rgb(110,164,57)); -o-filter: drop-shadow(0 1px 0 rgb(110,164,57)); filter: drop-shadow(0 1px 0 rgb(110,164,57)); } #nav_mobile > ul > li ul.deep_2 > li.active > a:before { left:20px; } #nav_mobile > ul > li ul.deep_3 > li.active > a:before { left:35px; } #nav_mobile > ul > li ul.deep_4 > li.active > a:before { left:50px; } #nav_mobile > ul > li, #nav_mobile li.active, #nav_mobile li.active ul, #nav_mobile li.active > li, #nav_mobile li.parent, #nav_mobile li.parent > ul, #nav_mobile > ul > li ul, #nav_mobile > ul > li > ul li, #nav_mobile ul li.current { display: block; } #nav_mobile > ul > li.closed > ul, #nav_mobile li ul { display: none; } #nav_mobile li.parent ul, #nav_mobile li.active ul { display: block; } #nav_mobile .mmnu_bt { background:#9C9FA0 none repeat scroll 0 0; border:2px solid red; border-radius:100%; content:""; height:30px; width:30px; position: absolute; right:30px; } #nav_mobile .mmnu_bt.open:after { content:""; display:block; position:relative; margin:0 auto; top:-1px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0; border-color: #ffffff transparent transparent; -webkit-filter: drop-shadow(0 1px 0 #9C9FA0); -moz-filter: drop-shadow(0 1px 0 #9C9FA0); -ms-filter: drop-shadow(0 1px 0 #9C9FA0); -o-filter: drop-shadow(0 1px 0 #9C9FA0); filter: drop-shadow(0 1px 0 #9C9FA0); } #nav_mobile .mmnu_bt.closed:after { content:""; display:block; position:relative; margin:0 auto; top:-1px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0; border-color: #ffffff transparent transparent; -webkit-filter: drop-shadow(0 1px 0 #9C9FA0); -moz-filter: drop-shadow(0 1px 0 #9C9FA0); -ms-filter: drop-shadow(0 1px 0 #9C9FA0); -o-filter: drop-shadow(0 1px 0 #9C9FA0); filter: drop-shadow(0 1px 0 #9C9FA0); } #nav_mobile div.mnavbt { height: 20px; width: 20px; border: 10px solid#fff; border-radius: 20px; display: inline-block; z-index: 30; float: right; position: relative; top: -42px; cursor: pointer; box-shadow: inset 0 0 1px; } #nav_mobile li > a + div.mnavbt::after { width: 0; height: 0; content:""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; -webkit-filter: drop-shadow(0 -2px 0 #9c9fa0); -moz-filter: drop-shadow(0 -2px 0 #9c9fa0); -ms-filter: drop-shadow(0 -2px 0 #9c9fa0); -o-filter: drop-shadow(0 -2px 0 #9c9fa0); filter: drop-shadow(0 -2px 0 #9c9fa0); position:absolute; top:8px; right:4px; } #nav_mobile li.closed > a + div::after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; border-bottom: 0; -webkit-filter: drop-shadow(0 2px 0 #9c9fa0); -moz-filter: drop-shadow(0 2px 0 #9c9fa0); -ms-filter: drop-shadow(0 2px 0 #9c9fa0); -o-filter: drop-shadow(0 2px 0 #9c9fa0); filter: drop-shadow(0 2px 0 #9c9fa0); top:6px; } #nav_mobile li.closed > ul { display:none; } } /*** Druck-Layout ***/ @media print { }