body { color:#838487; font-family:Fira Sans, Verdana,Arial,Helvetica,sans-serif; font-size:large; line-height:1.4; text-align:left; font-style:normal; font-weight:300; margin:0px; height:100% } html { height:100% } #PageDiv { position:relative; min-height:100%; max-width:1200px; margin:auto } #overUnderHeader1 { z-index:0; padding-top:2% } #logoWrapper1 { width:80px; height:80px; z-index:0; float:left; margin-left:25px } #SunLogo2016sharkskinmittel35x35mm600dpi1 { max-width:100%; overflow:hidden } #pageName1 { z-index:0; float:left; padding:6px; margin-left:20px } #navigation1 { width:100%; z-index:99; float:right; background-color:#fff; opacity:0.95; box-sizing:border-box; height:auto; overflow:visible; position:relative } #navigation3 { z-index:98; float:right; background-color:#a7bd00; opacity:0.95; box-sizing:border-box; height:auto; overflow:visible; position:relative } #Kinoshogekoernt1200px { max-width:100%; overflow:hidden } #one { z-index:0; padding:2%; background-color:#edf1f7 } #twoWrapper { max-width:1152px; z-index:0; clear:both; padding:24px; background-color:#edf1f7 } #twoLeft { width:49.17%; z-index:0; float:left } #twoRight { width:49.17%; z-index:0; float:right } #oneWrapper { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#9dc0fd } #one1 { z-index:0; background-color:#fff } #DSC1487korr20161200pxsw { max-width:100%; background-color:#e6effe; overflow:hidden } #fullWidthWrapper12 { width:96%; z-index:0; float:left; padding:24px; background-color:#cbd6e7 } #twoWrapper7 { max-width:1152px; z-index:0; clear:both; padding:24px; margin-left:auto; margin-right:auto; background-color:#cbd6e7 } #twoLeft4 { width:49.17%; z-index:0; float:left } #twoRight4 { width:49.17%; z-index:0; float:right } #a1200pxsw { max-width:100%; overflow:hidden } #fullWidthWrapper1 { width:96%; z-index:0; float:left; padding:24px; background-color:#e6effe } #twoWrapper1 { max-width:1152px; z-index:0; clear:both; padding:24px; margin-left:auto; margin-right:auto; background-color:#e6effe } #twoLeft1 { width:49.17%; z-index:0; float:left } #twoRight1 { width:49.17%; z-index:0; float:right } #DSC55481200pxsw { max-width:100%; overflow:hidden } #one2 { width:96%; z-index:0; padding:2%; background-color:#f3ff99 } #twoWrapper2 { max-width:1152px; z-index:0; clear:both; padding:24px; margin-left:auto; margin-right:auto; background-color:#f3ff99 } #twoRight2 { width:49.17%; z-index:0; float:right } #twoLeft2 { width:49.17%; z-index:0; float:left } #DSC45061200pxsw { max-width:100%; overflow:hidden } #one3 { z-index:0; padding:2%; background-color:#cc3 } #twoWrapper3 { max-width:1152px; z-index:0; clear:both; padding:24px; margin-left:auto; margin-right:auto; background-color:#cc3 } #twoLeft3 { width:49.17%; z-index:0; float:left } #twoRight3 { width:49.17%; z-index:0; float:right } #Misogi41200px { max-width:100%; overflow:hidden } #one5 { z-index:0; padding:2%; background-color:#ffffb3 } #twoWrapper4 { max-width:1200px; z-index:0; clear:both; padding:24px; margin-left:auto; margin-right:auto; background-color:#ffffb3 } #twoLeft5 { width:49.17%; z-index:0; float:left } #twoRight5 { width:49.17%; z-index:0; float:right } #IMGP3234KiMassagecrop1200pxsw { max-width:100%; overflow:hidden } #one6 { z-index:0; padding:2%; background-color:#f2f2f3 } #sixWrapper1 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#f2f2f3 } #sixOne1 { width:13.27%; z-index:0; float:left; padding:1%; background-color:#f2f2f3 } #shaner159px2 { max-width:100%; overflow:hidden } #sixTwo1 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #CurtisSenseiOnline { max-width:100%; overflow:hidden } #sixThree1 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #ElizabethGilbert159px2 { max-width:100%; overflow:hidden } #sixFour1 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #DavidSteindlRast159px2 { max-width:100%; overflow:hidden } #sixFive1 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #JKRowling159px2 { max-width:100%; overflow:hidden } #sixSix1 { width:13.27%; z-index:0; float:right; padding:1%; background-color:#f2f2f3 } #stevejobsstanford159px2 { max-width:100%; overflow:hidden } #sixWrapper4 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#f2f2f3 } #sixOne4 { width:13.27%; z-index:0; float:left; padding:1%; background-color:#f2f2f3 } #sirkenrobinsonted159px2 { max-width:100%; overflow:hidden } #sixTwo4 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #EckartTolle159px2 { max-width:100%; overflow:hidden } #sixThree4 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #CharlieChaplin159px2 { max-width:100%; overflow:hidden } #sixFour4 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #SeppHolzerKrameterhof159px2 { max-width:100%; overflow:hidden } #sixFive4 { width:13.27%; z-index:0; float:left; padding:1%; margin-left:1.7%; background-color:#f2f2f3 } #Yoda159px2 { max-width:100%; overflow:hidden } #sixSix4 { width:13.27%; z-index:0; float:right; padding:1%; background-color:#f2f2f3 } #RaviShankar159px2 { max-width:100%; overflow:hidden } #fourWrapper1 { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto } #fourLeft1 { width:20.75%; z-index:0; float:left; padding:1.5% } #fourMiddleLeft1 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } #fourRight1 { width:20.75%; z-index:0; float:right; padding:1.5%; background-color:#fff } #fourMiddleRight1 { width:20.75%; z-index:0; float:left; padding:1.5%; margin-left:1.6% } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#4B4D4E; text-decoration:none; background:#FFFFFF; padding:5px 17px 5px 17px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#377FFB; text-decoration:underline; background:#FFFFFF } #fwNav1 .fwNavItem a:active { color:#E6EFFE; text-decoration:none; background:#FFFFFF } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/hamburger-twin-thin-black.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#879900; background:#FFFFFF; font-weight:normal } #fwNav2 { float:right; padding:0; margin:0; list-style:none } #fwNav2 .fwNavItem { position:relative; width:auto; *vertical-align:bottom; margin:0; padding:0; box-sizing:border-box; border-left:0; border-right:0 } #fwNav2 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#A7BD00; padding:5px 13px 5px 13px; white-space:nowrap } #fwNav2 .fwFirstChild { border-top:0 } #fwNav2 .fwLastChild { border-bottom:0 } #fwNav2 .fwNavItem a:hover, #fwNav2 .fwNavItem span a:hover, #fwNav2 .fwNavItem a:focus { color:#377FFB; text-decoration:none; background:#A7BD00 } #fwNav2 .fwNavItem a:active { color:#E6EFFE; text-decoration:none; background:#A7BD00 } #fwNav2-toggle, .fwNav2-toggle-label { display:none } .fwNav2-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu_wo_white.png'); background-repeat:no-repeat; background-size:100%; float:right } #fwNav2 .fwNavItem a.fwCurrent, #fwNav2 .fwNavItem a.fwCurrent:hover { display:block; color:#000000; background:#A7BD00; font-weight:normal } @media screen and (max-width:920px) { body { font-size:18px } #fullWidthWrapper12 { width:96.08%; min-height:68px; padding:18px } #fullWidthWrapper1 { width:96.08%; min-height:68px; padding:18px } #one2 { padding:2.61% } #one3 { padding:2.61% } #one5 { padding:2.61% } #one6 { padding:2.61% } #sixWrapper1 { max-width:872px } #sixWrapper4 { max-width:872px } #fourMiddleRight1 { width:21% } } @media screen and (max-width:720px) { #twoLeft { width:auto; float:none } #twoRight { width:auto; float:none; margin-top:20px } #fullWidthWrapper12 { width:93.33% } #twoLeft4 { width:auto; float:none } #twoRight4 { width:auto; float:none; margin-top:20px } #fullWidthWrapper1 { width:93.33% } #twoLeft1 { width:auto; float:none } #twoRight1 { width:auto; float:none; margin-top:20px } #one2 { width:94.78% } #twoRight2 { width:auto; float:none; margin-top:20px } #twoLeft2 { width:auto; float:none } #twoLeft3 { width:auto; float:none } #twoRight3 { width:auto; float:none; margin-top:20px } #twoLeft5 { width:auto; float:none } #twoRight5 { width:auto; float:none; margin-top:20px } #sixWrapper1 { max-width:682px } #sixOne1 { width:29%; padding:1.5% } #sixTwo1 { width:29%; padding:1.5%; margin-left:2% } #sixThree1 { width:29%; float:right; padding:1.5%; margin-left:0px } #sixFour1 { width:29%; clear:both; padding:1.5%; margin-left:0px; margin-top:20px } #sixFive1 { width:29%; padding:1.5%; margin-left:2%; margin-top:20px } #sixSix1 { width:29%; padding:1.5%; margin-top:20px } #sixWrapper4 { max-width:682px } #sixOne4 { width:29%; padding:1.5% } #sixTwo4 { width:29%; padding:1.5%; margin-left:2% } #sixThree4 { width:29%; float:right; padding:1.5%; margin-left:0px } #sixFour4 { width:29%; clear:both; padding:1.5%; margin-left:0px; margin-top:20px } #sixFive4 { width:29%; padding:1.5%; margin-left:2%; margin-top:20px } #sixSix4 { width:29%; padding:1.5%; margin-top:20px } #fourLeft1 { width:45.3% } #fourMiddleLeft1 { width:45.3%; float:right; margin-left:0px } #fourRight1 { width:45.3%; clear:right; margin-top:20px } #fourMiddleRight1 { width:45.3%; margin-left:0px; margin-top:20px } } @media screen and (max-width:570px) { body { color:#000; font-size:21px } #overUnderHeader1 { padding-top:4%; margin-right:auto } #logoWrapper1 { float:none; margin:24px auto 24px 24px } #SunLogo2016sharkskinmittel35x35mm600dpi1 { float:left } #pageName1 { float:none; clear:both; padding:24px; margin:auto auto auto 0px; text-align:center } #navigation1 { padding-top:14px; padding-bottom:14px } #navigation3 { padding-top:14px; padding-bottom:14px } #one { padding:3.75% } #twoWrapper { max-width:547px } #oneWrapper { max-width:595px; margin-left:0px; margin-top:0px; margin-right:0px } #DSC1487korr20161200pxsw { width:99.96%; max-width:104.35% } #fullWidthWrapper12 { width:91.58%; min-height:0px; padding:24px } #twoWrapper7 { max-width:547px; margin-left:0px; margin-right:0px } #fullWidthWrapper1 { width:91.58%; min-height:0px; padding:24px } #twoWrapper1 { max-width:547px } #one2 { width:auto; padding:4.21% } #twoWrapper2 { max-width:547px } #twoRight2 { margin:auto } #one3 { padding:4.21% } #twoWrapper3 { max-width:547px } #one5 { padding:4.21% } #twoWrapper4 { max-width:547px } #one6 { padding:4% } #sixWrapper1 { max-width:547px } #sixWrapper4 { max-width:547px } #fourWrapper1 { width:98.33%; max-width:1180px; margin-left:20px } #fourLeft1 { width:auto; float:none; padding:4% } #fourMiddleLeft1 { width:auto; float:none; padding:4%; margin-top:20px } #fourRight1 { width:auto; float:none; padding:4% } #fourMiddleRight1 { width:auto; float:none; padding:4% } } @media screen and (max-width:480px) { body { font-size:19px } #logoWrapper1 { width:64px; height:64px; padding:8px } #SunLogo2016sharkskinmittel35x35mm600dpi1 { float:none } #one { padding:5% } #fullWidthWrapper12 { width:89.58% } #fullWidthWrapper1 { width:89.58% } #one2 { padding:5% } #one3 { padding:5% } #one5 { padding:5% } #one6 { padding:5% } #sixWrapper1 { max-width:432px } #sixOne1 { width:44%; padding:2% } #sixTwo1 { width:44%; float:right; padding:2%; margin-left:0px } #sixThree1 { width:44%; float:left; clear:left; padding:2%; margin-top:20px } #sixFour1 { width:44%; float:right; clear:none; padding:2% } #sixFive1 { width:44%; clear:left; padding:2%; margin-left:0px } #sixSix1 { width:44%; padding:2% } #sixWrapper4 { max-width:432px } #sixOne4 { width:44%; padding:2% } #sixTwo4 { width:44%; float:right; padding:2%; margin-left:0px } #sixThree4 { width:44%; float:left; clear:left; padding:2%; margin-top:20px } #sixFour4 { width:44%; float:right; clear:none; padding:2% } #sixFive4 { width:44%; clear:left; padding:2%; margin-left:0px } #sixSix4 { width:44%; padding:2% } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:100%; bottom:0; left:0; margin-left:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out right; -moz-transition:.2s ease-out margin, .2s ease-out right; -ms-transition:.2s ease-out margin, .2s ease-out right; -o-transition:.2s ease-out margin, .2s ease-out right; transition:.2s ease-out margin, .2s ease-out right } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:14px; padding-bottom:14px; padding-left:14px; padding-right:14px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNav1-toggle-close { background-image:url('../Resources/AikidoSun_sharkskin-transp-200px.png'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-left:0; right:0 } } @media screen and (max-width:320px) { #one { padding:7.5% } #fullWidthWrapper12 { width:85% } #fullWidthWrapper1 { width:85% } #one2 { padding:7.5% } #one3 { padding:7.5% } #one5 { padding:7.5% } #one6 { padding:7.5% } #sixWrapper1 { max-width:272px } #sixOne1 { width:auto; float:none; padding:4% } #sixTwo1 { width:auto; float:none; padding:4%; margin-top:20px } #sixThree1 { width:auto; float:none; padding:4% } #sixFour1 { width:auto; float:none; padding:4% } #sixFive1 { width:auto; float:none; padding:4% } #sixSix1 { width:auto; float:none; padding:4% } #sixWrapper4 { max-width:272px } #sixOne4 { width:auto; float:none; padding:4% } #sixTwo4 { width:auto; float:none; padding:4%; margin-top:20px } #sixThree4 { width:auto; float:none; padding:4% } #sixFour4 { width:auto; float:none; padding:4% } #sixFive4 { width:auto; float:none; padding:4% } #sixSix4 { width:auto; float:none; padding:4% } #fourWrapper1 { width:93.75% } }