/**
 * Copyright:	YourShop SA
 * Author:	Claudio Eichenberger
 * Created:	2006-10-15
 */
hmtl,body,a,div,p,form,h1,h2,ul,li,img,iframe,input,select,table{margin:0;padding:0;border:0}
body,table,textarea,h1,h2,select,input{font:16px "Helvetica Neue",Helvetica,Arial,sans-serif}
label,input,select,textarea{padding:9px;vertical-align:middle;cursor:pointer}
select{overflow:hidden;max-width:100%}
html{overflow-y:scroll}
table{border-spacing:0}
.long{display:inline}
.short{display:none}
body{background:#f2f2f2;color:#333}
#logo img{width:105px;height:33px}
a:link,a:visited,a{color:#333;text-decoration:none}
a:hover,a:active{color:#000;text-decoration:underline}
.para a:link,.para a:visited,.para1 a:link,.para1 a:visited,.para2 a:link,.para2 a:visited,.para3 a:link,.para3 a:visited{color:#39c}
.para a:hover,.para a:active,.para1 a:hover,.para1 a:active,.para2 a:hover,.para2 a:active,.para3 a:hover,.para3 a:active{color:#17a}
.desk a:link,.desk a:visited,.desk a{transition:color 3s ease-out}
.moreinfo,.rentorsell{font-size:1.5em;text-align:center;padding:3em 0}
.moreinfo a:link,.moreinfo a:visited,.moreinfo a,.rentorsell a:link,.rentorsell a:visited,.rentorsell a{background:#0a0;color:#fff;border:2px solid #fff;padding:8px 10px 7px;text-decoration:none}
.moreinfo a:hover,.moreinfo a:active,.rentorsell a:hover,.rentorsell a:active{background:#080}
.desk .moreinfo a:link,.desk .moreinfo a:visited,.desk .moreinfo a,.desk .rentorsell a:link,.desk .rentorsell a:visited,.desk .rentorsell a{transition:background .3s ease-out}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid;border-color:#999 #ddd #ddd #999;background-color:#fff;color:#333;vertical-align:middle;border-radius:2px}
.sub{background:#aaa !important;padding:4px 6px 3px;color:#fff !important;text-decoration:none !important;border:none !important;font-size:1.1em;cursor:pointer}
.sub:hover,.sub:active{background:#999 !important}
.tm{vertical-align:super;font-style:normal;line-height:1.7em;font-size:.6em}
.hush{display:none}
.any{}
.green{color:#0a0}
.fat,.bold{font-weight:bold}
.underline{text-decoration:underline}
.example{font-style:oblique;padding-left:1em}
.oblique{font-style:oblique}
.badfield{color:#000;background:#f44;font-weight:bold}
.cc img{width:60px;height:38px;border:1px solid #bbb;border-radius:4px}
.gprob{font-weight:bold;font-size:1.2em;color:#8e001c;padding:4px 0 1em}
.sub,input:not([type=checkbox]):not([type=radio]),select,textarea,#mb{-webkit-appearance:none;-moz-appearance:none}
h1{font-size:1.6em;color:#333;padding-top:1.6em;text-align:center}
h2{font-size:1.5em;color:#333}
.video,.ndescr,.picture{float:left;width:48%}
.descr,.nvideo,.npicture{float:right;width:48%}
.embd{position:relative;text-align:center}
.embd img,.embd a{position:absolute;top:0;left:0;display:block;text-decoration:none}
.embd,.embd img,.embd a,.embd iframe{width:100%;height:100%}
.embd h2{color:#333;background:rgba(255,255,255,.6)}
.embd a:link,.embd a:visited{background:rgba(0,0,0,0) url(img/youtube-up.png) no-repeat center center}
.embd a:hover,.embd a:active{background:rgba(0,0,0,.1) url(img/youtube-down.png) no-repeat center center}
.desk .embd a:link,.desk .embd a:visited{transition:background .3s ease-out}
.picture,.npicture{overflow:hidden}
.picture img,.npicture img{width:100%;height:auto}
.descr h2,.ndescr h2,.allp h2{margin-bottom:.6em}
.speedsells h2{margin-bottom:.9em}
.descr ul,.ndescr ul,.allp ul,.speedsells ul{list-style:none}
.descr ul li,.ndescr ul li,.allp ul li,.speedsells ul li{padding-bottom:.9em;line-height:1.6em}
input:not([type=checkbox]):not([type=radio]),textarea{z-index:1;position:relative;width:96%;padding-left:2%;padding-right:2%;outline:none}
label{z-index:0;position:absolute;right:50%;top:0;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
input:focus + label{right:0}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{background-color:rgba(255,255,255,.6);box-shadow:0 0 5px #555;border:1px solid #555;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
textarea{width:90%;padding-right:8%}
#msgc{z-index:0;position:absolute;right:1px;top:2px;padding:8px 12px}
#error{position:absolute;margin:-4.5em 0 0 -6.5em;top:50%;left:50%;width:13em;height:9em}
#error img{top:10px;left:45px;width:105px;height:33px;display:block;position:absolute}
#error div{top:4em;left:0;position:absolute;text-align:center}
.e404 h2{margin-bottom:.9em}
.e404 ul{list-style:none}
.e404 ul li{padding-bottom:.9em;line-height:1.6em}
.e404 ul li:last-child{padding-bottom:0}
#problem{padding:16px 9px 9px;background:#ffc;color:#900;border-bottom:1px solid #900;text-align:center}
#problem h1{margin:0;white-space:normal;display:inline;padding:5px 0 6px 30px;background:transparent url(img/bang_red.gif) no-repeat;color:#900}
#problem p{padding:3px 0 0 30px}
#tod{background:#333}
#header a{text-decoration:none}
.para{background-color:#fff}
.para1{background-color:#fbfbfb}
.para2{background-color:#f9f9f9}
.para3{background-color:#f7f7f7}
.sub{border-radius:2px}
#index2{padding-top:3em;background:#fff}
#yec h1,#yec h2,#yec ul{text-shadow:1px 1px 1px #000}
#yec{height:460px;overflow:hidden}
#yec h1{font-size:2.4em;padding-top:50px;color:#fff;text-align:left}
#yec h2{padding-top:40px;font-weight:bold;text-align:left;color:#fff}
#yec ul{padding:5px 0 0 10px}
#yec ul li{list-style:none;font-size:1.5em;padding-top:3px;color:#fff}
#yec ul li a{color:#0a0;text-decoration:none}
#yec ul li a:hover,#yec ul li a:active{color:#080}
.desk #yec ul li a:link,.desk #yec ul li a:visited{transition:color .3s ease-out}
#complete .embd a{background-position:75% 47%}
#complete::after{content:" ";visibility:hidden;display:block;height:0;clear:both}
#trust{padding:2em 0}
#trust > div{position:relative;height:85px;overflow:hidden}
#trust > div div{position:absolute;padding:15px 0;white-space:nowrap}
#trust > div div a{padding-right:15px}
#trust > div div a img,#trust > div div a img:visited,#trust > div div a img:link{filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'.3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}
#trust > div div a img:hover{filter:none;-webkit-filter:grayscale(0)}
#pub{padding:10px 0}
#pub h2{padding-bottom:15px}
#pub img{width:900px;height:160px}
.explain{display:none}
.explain{padding-top:3em;list-style:none;line-height:1.8em}
.explain li{padding-left:1em}
.explain li:first-child{background:#f7f7f7}
.explain li:last-child{background:#f5f5f5}
.unit{padding-top:3em}
.unit::after{content:" ";visibility:hidden;display:block;height:0;clear:both}
.unit .sms{width:16px;height:16px;padding-right:.2em;padding-bottom:3px;vertical-align:middle}
.unit p{padding-bottom:.9em}
.unit div .breakline a{word-wrap:break-word;word-break:break-all}
.trademark{padding-top:2.5em}
.final{padding-bottom:3em}
.portfolio > div > #portfolio{height:400px;width:100%;border:none}
#pfo li{padding:.6em 0 1.4em;margin:.4em 0;list-style:none}
#pfo li a{padding:.6em 0 1.4em 30px;background:transparent url(img/ysmap0.png) no-repeat}
#pfo li #po1{background-image:url(img/ysmap1.png)}
#pfo li #po2{background-image:url(img/ysmap2.png)}
#pfo li #po3{background-image:url(img/ysmap3.png)}
#pfo li #po4{background-image:url(img/ysmap4.png)}
#pfo li #po5{background-image:url(img/ysmap5.png)}
#pfo li #po6{background-image:url(img/ysmap6.png)}
#pfo li #po7{background-image:url(img/ysmap7.png)}
#pfo li #po8{background-image:url(img/ysmap8.png)}
#pfo li #po9{background-image:url(img/ysmap9.png)}
#gc{margin:0;text-align:justify;line-height:1.4em}
#gc p{}
#gc ul{list-style:none;line-height:1.4em;margin-top:.6em}
#gc .snd{list-style:circle outside;margin:0 0 0 1.2em}
#gc li{padding:.2em 0}
#gc li .see{font-style:oblique}
#gc li .more{font-weight:bold}
#gc td{padding-left:1em;vertical-align:top;line-height:1.4em}
#gc td:first-child{padding-left:0}
#gc h2{margin:0;padding-top:2em;font-size:1.3em;color:#000}
#im{line-height:1.2em;margin-top:-3em}
#im h2{padding-top:1.5em}
#im ul,#im div,#im table{padding-top:.6em}
#im ul{list-style:none;text-align:justify}
#im li{padding:.2em 0}
#im td{padding-left:1em}
#im td:first-child{padding-left:0}
#g{padding:3em 0}
#g ul{max-width:600px;margin:0 auto}
.g,.gf{list-style:none;padding-bottom:12px}
.gf{float:left;padding-right:4em}
.g li,.gf li{padding:0 0 12px;position:relative}
.g .tt,.gf .tt{padding:0 0 1em;font-size:1.1em;font-weight:bold;color:#333}
.g .ti,.gf .ti{color:#0b0;text-align:center}
.g .pr{padding-bottom:1em}
.g li span{font-style:oblique}
.g .cl2{padding-bottom:2px}
.g li select{padding-left:1%}
.g li .sub{width:100%;padding:6px 0 5px}
div ul #map{height:450px;width:100%;border:none}
.intro{padding-top:2em}
.intro ul{font-size:1.05em;line-height:1.6em;text-align:center;list-style:none}
@media all and (max-width:1000px)
{
#tod{-webkit-transition:background .9s;transition:background .9s .2s}
.cont > div,#footer > div{margin:0 4%}
#header > div div{vertical-align:top}
#header > div div form{display:inline-block;text-align:center;width:56%}
#logo{display:inline-block;padding:8px 0 6px;vertical-align:top;margin-left:4%;width:20%}
#lc{display:inline-block;list-style:none;padding-top:16px}
#lc,#lc a{color:#fff}
#lc li{display:inline;padding:0 .6em}
#lc li:last-child{padding-right:0}
#lc li a .short{text-transform:uppercase}
#dmb{display:inline-block;text-align:right;padding-top:5px;width:18%}
#dmb #mb{width:34px;height:34px;display:inline-block;position:relative;overflow:hidden;margin:0;padding:0;font-size:0;text-indent:-9999px;box-shadow:none;border-radius:0;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}
#dmb #mb:focus{outline:none}
#dmb #mb span{height:2px;left:8px;right:8px;top:19px;display:block;position:absolute;background:#fff;-webkit-transition:background 0s .3s;transition:background 0s .3s}
#dmb #mb span::before,#dmb #mb span::after{height:2px;position:absolute;left:0;display:block;width:100%;background-color:#fff;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}
#dmb #mb span::before{top:-6px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
#dmb #mb span::after{bottom:-6px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
#dmb #mb.isactive span{background:0 0}
#dmb #mb.isactive span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#dmb #mb.isactive span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#dmb #mb.isactive span::before,#dmb #mb.isactive span::after{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
#hlink{opacity:0;visibility:hidden;max-height:0;-webkit-transition:.9s .2s;transition:.9s .2s}
#hlink a{display:block}
#hlink ul{padding:0;text-align:center;list-style:none;white-space:nowrap}
#hlink > ul > li{padding:0;border-bottom:1px solid #222}
#hlink > ul > li:last-child{border-bottom:none}
#hlink > ul > li > ul{background:#181818;opacity:0;visibility:hidden;max-height:0;overflow:hidden;-webkit-transition:.9s;transition:.9s}
#hlink > ul > li > ul li{margin-top:-1em;opacity:0;transition:.9s}
#hlink > ul > li > ul::before{content:" ";display:block;margin-top:-.15em;height:.15em;width:100%}
#hlink ul li a{padding:.9em 0;color:#fff}
#hlink ul .login a{color:#0d0}
#hlink ul li ul li a{color:transparent}
#hlink ul li a,#hlink ul li ul li a{-webkit-transition:.9s;transition:.9s}
#hlink > ul > li:hover ul li a{color:#fff}
#hlink ul li a:hover,#hlink ul li ul li a:hover{color:#ccc !important}
#hlink ul .login a:hover{color:#0b0 !important}
#index{background:#777 url(img/mbg-porsche.jpg) no-repeat center top}
.para .fst{padding-top:2em}
#yec h1{padding-top:40px}
#yec h2{padding-top:30px}
#yec ul{white-space:nowrap}
#yec .moreinfo,#yec .rentorsell{padding:60px 0 0}
#pfo{padding-bottom:1em}
#pfo li{padding:0;margin:0}
#pfo li a{display:block}
}
@media all and (min-width:1001px)
{
#tod{position:fixed;top:0;left:0;width:100%;z-index:2}
#header{height:50px}
#header > div,.cont > div,#footer > div{margin:0 4%}
#header,.cont,#footer{max-width:1100px;margin:0 auto}
#header > div{position:relative}
h1,#problem{margin-top:50px}
#problem{margin-bottom:-50px}
#logo{position:absolute;top:8px;left:0;z-index:2}
#dmb{display:none}
#hlink{position:absolute;top:15px;left:0;width:100%;z-index:1}
#hlink ul{padding:0;text-align:center;list-style:none;white-space:nowrap}
#hlink > ul > li{display:inline;position:relative}
#hlink > ul > li > ul{background:#333;opacity:0;visibility:hidden;position:absolute;left:0;top:2.0em;text-align:left}
#hlink > ul > li > ul li{background:#333;margin-top:-1em;opacity:0}
#hlink > ul > li > ul::before{content:" ";display:block;margin-top:-.4em;height:.4em;width:100%}
#hlink ul li a{padding:.7em;color:#fff}
#hlink ul .login a{color:#0d0}
#hlink ul li ul li a{display:inline-block;width:100%;color:transparent}
.desk #hlink ul li a,.desk #hlink ul li ul li a{transition:color .3s ease-out}
.desk #hlink > ul > li:hover ul{opacity:1;visibility:visible}
.desk #hlink > ul > li:hover ul li{opacity:1;margin-top:0}
#hlink > ul > li:hover ul li a{color:#fff}
#hlink ul li a:hover,#hlink ul li ul li a:hover{color:#ccc}
#hlink ul .login a:hover{color:#0b0}
#hlink > ul > li span{opacity:1;visibility:visible}
#hlink > ul > li:hover span{opacity:0;visibility:hidden}
.desk #hlink > ul > li span{transition:opacity .4s ease-out,visibility .1s .1s linear}
#lc{position:absolute;top:0;right:0;z-index:2;list-style:none;text-align:center;padding:3px 0 2px 1em;font-size:.7em}
#lc,#lc a{color:#fff}
#lc a:hover,#lc .here{color:#ccc}
.desk #lc,.desk #lc a{transition:color .3s ease-out}
#lc li{display:inline;padding:0 4px}
#lc li:last-child{border:none;padding-right:0}
#index{position:relative;top:50px;left:0;margin-bottom:50px;z-index:1;background:#777 url(img/bg-porsche.jpg) no-repeat center top}
#yec{position:relative;top:0;left:0}
#yec h1{margin-top:0}
#yec .moreinfo,#yec .rentorsell{position:absolute;top:280px;right:15%;padding:0}
.para .sponsor{padding-top:1.5em}
#pfo{float:left;width:30%}
.portfolio{float:right;width:66%}
.para{padding-bottom:1.5em}
.lst{padding-bottom:0}
}
@media all and (max-width:800px)
{
.long{display:none}
.short{display:inline}
.video,.nvideo,.picture,.npicture,.descr,.ndescr{float:none;width:100%}
.para{padding-bottom:1em}
.lst{padding-bottom:0}
#index2{padding-top:2em}
#yec .rentorsell{font-size:1.4em}
#complete .descr ul,#complete .video{padding-bottom:.5em}
.descr ul,.ndescr ul{padding-bottom:.2em}
.explain{display:block}
 .trademark{padding-top:0}
#sslcert{margin-top:-120px;margin-bottom:-120px}
textarea{width:88%;padding-right:10%}
}
@media all and (max-width:600px)
{
.moreinfo a{display:block}
#yec .rentorsell{font-size:1.3em}
#sslcert{margin-top:-90px;margin-bottom:-90px}
textarea{width:85%;padding-right:13%}
#gc{text-align:left}
#logo{width:24%}
#header > div div form{width:52%}
}
@media all and (max-width:500px)
{
#sslcert{margin-top:-75px;margin-bottom:-75px}
#yec .rentorsell{font-size:1.1em}
textarea{width:81%;padding-right:17%}
#logo{width:30%}
#header > div div form{width:46%}
}
@media all and (max-width:400px)
{
#yec{font-size:.9em}
#yec .rentorsell{font-size:.9em}
.ident li{padding-left:2em}
#sslcert{margin-top:-60px;margin-bottom:-60px}
#logo{width:38%}
#header > div div form{width:38%}
}
@media all and (max-height:600px)
{
div ul #map{height:250px}
}
@media all and (max-height:300px)
{
div ul #map{height:150px}
}
#sm{padding-top:1.9em}
#sm a{padding:0 .7em}
#sm a img{width:24px;height:24px}
#sms{padding-top:1.3em}
#sms a,#sms2{color:#f00}
#sms a img,#sms2 img{width:24px;height:24px;padding-right:.4em;padding-bottom:3px;vertical-align:middle}
.geocontact{text-align:center}
.geocontact .seep{padding:1em 0}
.geocontact #address{width:25em}
#geocontact{height:400px;width:500px;margin:0 auto}
.cprod > div .embd a{background-position:65% 51%}
.ros > div .embd a{background-position:50% 50%}
.pql > div .embd a{background-position:68% 50%}
.pcs > div .embd a{background-position:40% 60%}
.pag > div .embd a{background-position:50% 68%}
.procs > div .embd a{background-position:20% 50%}
.apb > div .embd a{background-position:33% 36%}
.apv > div .embd a{background-position:80% 33%}
.coupon > div .embd a{background-position:42% 60%}
.mcommerce > div .embd a{background-position:25% 45%}
.imppo > div .embd a{background-position:50% 57%}
.pg > div .embd a{background-position:50% 55%}
.psps{padding-top:3em}
.psps ul{list-style:none;text-align:center}
.psps li{margin:2em 0}
.psps li:first-child{margin-top:0}
.psps li:last-child{margin-bottom:0}
.speedsells{padding:3em 0 0}
.speedsells h2{font-size:1.3em}
.speedsells .list{padding-bottom:1em;padding-left:10%}
.speedsells .list li{padding-bottom:.3em}
.speedsells ul:last-of-type li:last-child{padding-bottom:0}
.shopcomp{padding:3em 0}
.shopcomp table{margin:0 auto;max-width:800px;width:100%}
.shopcomp th,.shopcomp td{vertical-align:middle}
.shopcomp th{font-size:1.1em;padding:1em;background:#fff}
.shopcomp td{padding:.5em .4em;text-align:center}
.shopcomp td:first-child{text-align:left;word-wrap:break-word;word-break:break-all}
.shopcomp .y{color:#0a0}
.shopcomp .n{color:#a02}
.shopcomp .o{color:#8e001c}
.shopcomp td:nth-of-type(2),.shopcomp th:nth-of-type(2){background:#f7f7f7}
.shopcomp td:nth-of-type(4),.shopcomp th:nth-of-type(4){background:#f5f5f5}
.desk .shopcomp tr:hover,.desk .shopcomp tr:hover td{background:#9f9}
#swb{padding:3em 0;overflow:hidden}
#swb img{display:block;max-width:489px;width:100%;height:auto;margin:0 auto}
.bigger{padding-top:3em;text-align:center}
.bigger h2{font-size:1.3em}
.bigger p{padding-top:10px}
.offer{padding:3em 0}
.offer table{margin:0 auto;width:100%}
.offer table th{font-size:1.1em;text-align:center;padding:1em 0}
.offer table td{padding:.5em .2em;text-align:center;vertical-align:middle}
.offer table td:first-of-type,.offer table td:nth-of-type(2){padding:.5em .1em;text-align:left;word-wrap:break-word;word-break:break-all}
.offer table #setup{text-align:center}
.offer table td:nth-of-type(3),.offer table th:nth-of-type(3),#setup{background:#f7f7f7}
.offer table td:nth-of-type(4),.offer table th:nth-of-type(4),#monthly{background:#fff}
.offer table td:nth-of-type(5),.offer table th:nth-of-type(5),#transp{background:#f5f5f5}
.offer table .couponfield{max-width:40%}
.offer table .reported td{padding-top:10px}
.offer table .mont td{border-top:1px solid #bbb}
.offer table .adin td{padding-bottom:1.1em}
.offer > ul{max-width:600px;margin:0 auto}
.offer .pay label,.offer label[for=generalcond],.offer label[for=datenschutz]{position:static;-moz-transition:none;-ms-transition:none;-o-transition:none;-webkit-transition:none;transition:none}
.offer .rdo li{display:table-cell;vertical-align:top;list-style:none}
.offer .rdo li:first-child{width:2em;line-height:2em}
.offer .rdo li label{padding:0;line-height:2em}
.offer .pay input{margin-right:.5em}
.offer .pay img{vertical-align:middle;width:60px;height:38px}
.offer .lst{padding-bottom:2em}
.offer .gcup{padding-bottom:0}
#ncpayform{text-align:center;padding:3em 0}
.cmiddle{text-align:center}
.chplan{font-size:1.3em;padding-top:1em;text-align:center}
#fl{margin:2.5em 0;font-size:2em}
#fl img{margin-left:1em;width:318px;height:70px;vertical-align:middle}
.cancel{padding:3em 0}
.cancel a{display:block;text-align:center}
#bod{text-align:center;font-size:.8em;background:#f2f2f2;color:#333;padding:30px 0}
#bod p{padding:1px 0}