body{box-sizing:border-box;min-width:900px;max-width:1400px;margin:0 auto}a{text-decoration:none}a:link,a:visited{color:#555}.newsletter .inner-main a:link,.newsletter a:link.active,.about .inner-main a:link,.about a:link.active,.newsletter .inner-main a:visited,.newsletter a:visited.active,.about .inner-main a:visited,.about a:visited.active{color:#47B6DF}.ect .inner-main a:link,.ect a:link.active,.ect .inner-main a:visited,.ect a:visited.active{color:#E18C37}.kontakt .inner-main a:link,.kontakt a:link.active,.kontakt .inner-main a:visited,.kontakt a:visited.active{color:#666}.newsletter-archive .inner-main a:link,.newsletter-archive .active a:link,.newsletter-archive .inner-main a:visited,.newsletter-archive .active a:visited{color:#AAA}h1{margin:0 0 1.25em 0;font-size:1.125em;font-weight:100}h2,h3,h4,h5,h6{margin:1em 0 0.25em 0;font-size:1em;font-weight:100}ul{list-style:none;padding:0}ul li{padding:0.1em 0}p,table,ul,ol,hr{margin:0 0 0.75em 0}.further{font-size:0.85em}.blue{color:#47B6DF}.orange{color:#E18C37}.purple{color:#652379}#header{padding:20px}#header img{display:block;height:34px;margin:0 auto}#nav{border-top:1px solid #AAA;border-bottom:1px solid #AAA;padding:10px 20px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;text-align:center}#nav a{padding:2px 0;color:#7A7B7C;white-space:nowrap}#nav a#about-link:focus,#nav a#about-link:hover,#nav a#about-link:active{border-bottom:2px solid #47B6DF}.about #nav a#about-link{color:#47B6DF;border-bottom:none}#nav a#ect-link{margin:0 100px 0 125px}#nav a#ect-link:focus,#nav a#ect-link:hover,#nav a#ect-link:active{border-bottom:2px solid #E18C37}.ect #nav a#ect-link{color:#E18C37;border-bottom:none}#nav a#seminars-consulting-link:focus,#nav a#seminars-consulting-link:hover,#nav a#seminars-consulting-link:active{border-bottom:2px solid #652379}.seminars-consulting #nav a#seminars-consulting-link{color:#652379;border-bottom:none}.wrap{position:relative;width:880px;margin:20px auto;padding:0 20px;font-size:17px;font-family:"Garamond", "EB Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", "Times", serif;font-weight:100;line-height:1.3;background:#FFF;color:#555}#aside{display:none}@media screen and (min-width: 1160px){#aside{display:block;position:absolute;top:255px;left:-70px;width:60px}#aside img{width:60px}}#main{width:860px;min-height:600px}#main nav{position:relative;height:180px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.08em;font-weight:200;font-size:13px;text-transform:uppercase}#main nav a{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 3px 1px #CCC;-webkit-box-shadow:0 0 3px 1px #CCC;box-shadow:0 0 3px 1px #CCC;position:absolute;font-size:19px;line-height:1;display:inline-block;color:#BDBDBD;padding:0.35em 0.45em;text-align:center}#main nav a.active{font-size:28px;z-index:100;color:#000;padding-top:0.3em;padding-bottom:0.3125em}.about #main nav a.active{color:#47B6DF}.ect #main nav a.active{color:#E18C37}.seminars-consulting #main nav a.active{color:#652379}#main .inner-main{overflow:hidden;*zoom:1}#footer{border-top:1px solid #AAA;padding:20px;font-size:12px;background:#FFF;color:#AAA;text-align:center}#footer a{color:inherit}#footer a:hover{text-decoration:underline}#footer .newsletter_form .mc-field-group--email{display:inline-block;position:relative;padding-right:34px}#footer .newsletter_form .label{margin-right:10px}#footer .newsletter_form .input,#footer .newsletter_form .button{appearance:none;-webkit-appearance:none;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:0;height:34px;background:#FFF;font-size:12px;color:#919191}#footer .newsletter_form .input{padding-left:10px;padding-right:10px;width:220px;border-right:0;outline:none}#footer .newsletter_form .button{position:absolute;cursor:pointer;top:0;right:0;width:34px;padding:0;text-indent:-999em;background-image:url(/images/icons/caret-right-11a34ec1.svg);background-repeat:no-repeat;background-position:50%}#footer .newsletter_form .button:hover{background-color:#EEE}#footer .newsletter_form .link{margin-left:10px}#footer .newsletter_form,#footer .footer_nav{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0.08em;text-transform:uppercase;font-weight:400}#footer .footer_nav{margin:30px 0}#footer .footer_nav a{margin:0 10px}#footer .newsletter_legal,#footer .footer_legal{font-family:"Garamond", "EB Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", "Times", serif;font-size:14px;font-weight:100;margin:10px auto 30px}#footer .newsletter_legal{max-width:47em;line-height:1.3}#footer .footer_legal{margin:20px 0}#footer .footer_legal span{margin:0 5px}.home #about-john{margin-left:50px}.home #ect-john{margin-left:120px}.home #seminars-consulting-john{margin-left:10px}.about #main,.newsletter #main,.newsletter-archive #main{background:url(/images/john/about-7f565180.jpg) 50px 0 no-repeat;background-size:180px 600px}.about #about-main,.about #philosophie-main,.newsletter #about-main,.newsletter #philosophie-main,.newsletter-archive #about-main,.newsletter-archive #philosophie-main{text-align:center}.about .inner-main,.newsletter .inner-main,.newsletter-archive .inner-main{padding:0 70px 0 317px}.newsletter .inner-main{padding-top:180px}.newsletter-archive .inner-main{padding:110px 0 0 317px}#about-nav{margin-left:320px}#about-nav a#about-page-link{top:90px;left:67px}#about-nav a#about-page-link.active{left:52px}#about-nav a#zitate-page-link{top:60px;left:-30px}#about-nav a#zitate-page-link.active{top:47px;left:-80px}#about-nav a#philosophie-page-link{top:60px;left:150px}#about-nav a#philosophie-page-link.active{top:47px;left:135px}#about-nav a#referenzen-page-link{top:30px;left:260px}#about-nav a#referenzen-page-link.active{top:16px;left:250px}#philosophie #about-nav #referenzen-page-link{top:18px}#datenschutz .inner-main a{text-decoration:underline}#datenschutz .inner-main h1,#datenschutz .inner-main h2,#datenschutz .inner-main h3,#datenschutz .inner-main h4{font-weight:700}.ect #main{background:url(/images/john/english-communication-training-02330f95.jpg) 350px 0 no-repeat;background-size:267px 600px}.ect .inner-main{padding:0 0 0 20px}.ect .inner-main .left{float:left;width:290px}.ect .inner-main .right{float:right;width:290px;text-align:right}#ect-nav{margin-left:0}#ect-nav a#language-skills-page-link{top:24px;left:-10px}#ect-nav a#language-skills-page-link.active{top:11px;left:-20px}#ect-nav a#english-communication-training-page-link{top:54px;left:125px}#ect-nav a#english-communication-training-page-link.active{left:75px}#ect-nav a#socializing-page-link{top:24px;right:0}#ect-nav a#socializing-page-link.active{top:11px}#ect-nav a#meetings-negotiations-page-link{top:54px;right:60px}#ect-nav a#meetings-negotiations-page-link.active{right:8px}.seminars-consulting #main{position:relative;background:url(/images/john/seminars-consulting-2bee90ab.png) 627px 0 no-repeat;background-size:167px 600px}.seminars-consulting #main #john{position:absolute;top:0;left:627px;width:167px;height:600px}.seminars-consulting #main #slides{overflow:hidden;*zoom:1;position:absolute;top:230px;left:0;height:132px}.seminars-consulting #main #slides .slide{display:block;width:173px;height:130px;float:left;border:1px solid #EEE;margin:0 1px}.seminars-consulting .inner-main .above_presentation{position:absolute;top:149px;left:0;margin:0 230px 0 128px}.seminars-consulting .inner-main .below_presentation{margin:195px 230px 0 129px}.seminars-consulting .inner-main .triangle{width:12px;height:12px}#consulting .above_presentation{top:171px}#seminars-consulting-nav{margin-left:200px}#seminars-consulting-nav a#seminars-page-link{top:35px;left:30px}#seminars-consulting-nav a#seminars-page-link.active{top:22px;left:-23px}#seminars-consulting-nav a#consulting-page-link{top:65px;left:110px}.kontakt #main{background:url(/images/john/kontakt-e6709869.jpg) 75px 0 no-repeat;background-size:137px 600px}.kontakt .inner-main{padding:94px 70px 0 317px}.oldie #main nav a,.ie9 #main nav a{-moz-box-shadow:0 0 5px 1px #CCC;-webkit-box-shadow:0 0 5px 1px #CCC;box-shadow:0 0 5px 1px #CCC}.oldie #main nav a{border:1px solid #EEE}