T.)|{@q:ŭ rf̟{>/m^SbyTJ5\+4~> #;Ex(UM(d 'KD.wHڶ]"Ӂm w^%.EJ l=Kvdf6r^$܈XW藡jf, v3{l'y7f()O=Wq%EjD•i(hs:C.'^PY /!YNiV3r*eҌ;2])nU?΁3lΣB>nob:oE+(htEwy'CؐLOwN3qlwtX:7Nm\p6PH62VUXzȓZnmس`?{?{ seiz貖/|׿]{}ET Mq\dM<"0nM?\_{S41o(ѱ'Ȓ5GJLLmo Ѧ9(^f7 k2qoO=Q8C2kf̠c'%xQF?^o(kv5ՙ<$9[k<[FV5:wiONMKpAp}6t%۷Y?^'m VچlL积7O'aAv)*s 7 sC"]k[aaC -ִ:%>ah JT1R` I!H;@mT& mV+TN}3_Y~]LUWUqA  LWqbcFs‹Y>0Np[k"v砈mWy;7y=yA*do'c,=ߓanVgج*(I__{4M^jymO\09%+Lp`0ݭ`D0g6'V6mO]<`ft`@ҌZw_UGu훣ujϘcCS@P2(V?U~eKZO^actRHSN >F|K '>0l?ۓa $\խd,A5)?t3Jƭo&cq腝Ҹ" {_wuK/tiKI7b"'~ G:l-"uUጟ=%~S}G~؈%Ųk-{SKzLQ?KI-3wY=mm[ِ!b(vaɲd,we)6gC/KI)TEtxCZBWЌJQ>ԢLH5rU,hX_K=?%xVPo(1l.3n'>12"/އqu]T'-g$ެ$ni j~.qVܡ?17c-C{2@3fKc ;ƒ0UTފ.j6B> eCG_5Znm K iOC\Sc]>{v1 Lh!|yQ@OACY$ 0X {4HtrĂ,6$k4ŚN}*4ӓʓ)IJhGW5${c8$Af|KwO BAN&_O80UH5|^2JŸKn۴<*ln:e3 qqM}}OLw*dήı"Brybe=#C!ݗXQ)sƴPS^^׸ ??Eq[d_$JIWΣSB|9UNno ׍ZZJ  D0B͌fi 9 3`G goQo,Bwly0(/_|n6XeBF 3쟢('TrfgzU #/0~AN@'}麄Ag&(I__:@ q[f|cvid4me_-4 ]ݣըt8p!X+{qXsҮ `RC9c-+If)ֹP~.4(84Y`'B ZV $ڑKMʾs+ݹ[/\}Qwq oTү诹zW>"G[W0q4RO£]8/529kF{mDj #P9Bar[C|?U*M;w z)<0NA%W $ ښ9wa_ڿ.qGUIgD eĴ}Ё<3dV/g 瓞p,[bΥ-2|: Kj/[fcTBb&9xl`rN4_hJCƶmcGx !l;@UXM 2..+/O/rNo?#Hn6sN 7d #GE*ObF,ѥ*wUT.:q'9_O[k?b Pc':k8YR2HCSQvEIPOsu~ܹKF9V JU}ߢ5l@7#c:L\͕֘%`PTqGk ?)Q#M>+]^ȽF4X%0!p]˽P u*b:Ȱ7~ӘEb5Vw⽧;@C'#N+Fqb bQ lPlOT ^<UH7< ,O/Gxlٯ}F1ڻ,_|y~ ?45/ʆk1pe|hP9_t3(hWNl,Do8{rف 70%؉=3;cF":li*vŇ몣{Ӗ zq*|X&tnj6WS_Y]b<0?ZS}74ɿ0ddDu~Sdr\~TwOLt xh-yfdqS`H(RP dP}dÔ<U v)[99"b,7@kcBq1Lo(,ͪFeOSEI<9>ԧC6Ҝ?Lv Q*Y?:Q|5t 56gK 9xii虩K˔sidGPE8۠PWd8- вֹu(霑ضlG9,6/ƻrxh,:l@ü4~Gض~ݍĬ’ҝM;vdܡbfR,ABni:|(r(M/}bEAyfbAd&V+M?uͶvk]uؒ 4Yx'@Qaդi3AQ;0{ySFzj=z' W?6 L4s I{[Xo[PF ˢշwLs ! Clֶf(*[r#s|KH]Ax$d_-%ŬzF~W`^~arprG1:IG͟gԢMv:O\;6ߠUJPC_Q!B D/\/'rZٸ< 0vO9(*PޚZqZocJ2y`e!V1<,l$"8l2{t&8@hu[,gt,uDT$ <2BCuSq}U+JLIo $xt@88Q1OОL@pNUF9c?戋G+d°!tG * E@5#geZ.UX t c:_?H ={>m[ 릷ޣ5O\j6 crk,:֘$,embIIķ2%٥GT8І݉B^ڕTGӯK(+kڼB^ [f*h,ߟGs 1' À['J ( r-_k &ʯس$T3di;.ٌ1\C弭/ʓQڽ)cYЦ4)`3h7(, Ժ ð)k5%@oP~9m@@dwD 1(8 Q'?$yAapfI(xaB9b`GW=HsG vLJSJqJ)?0E0dg飍W^v54_0vDnxn:( D0wY~(4joŠ>3XO 1 q0ցf5n-wWѼ,"YZ EÓrѥ" )c3>D%=PUu=F^n$ҭ]%I6t AҒаRXX銌!m^FSFW:#{eHx=HA`0 =g=uٴÒ>"\{bxIĻ;זρ߮# x:r1iTDj*'g0L:gBsc,bG;wh{N5ݺ+RxQRWC^Wlv'qa@ѨS FKg$.)54ƕO{yOH5>7l8m:JPwBE<*$VrR# 삱#ʊ#0 <s}߲x|<A]A7 k'L[P+[dF` O 1 [ a;¾hntx>ʿޛ#/eQPЌq!iW Jx4_ǂQH\)ݸ|?'ɉ{*CIt Ll X|L@ a:a4,P2 u+|y(&^#[Egc'k} sUTG1&CVSnhMaHl518~{ p4)x^y!t ,-o⽡~ ٜF ҭ`< ltSIlseԿe, >8sĈg#k|H8z*<.1!aOӸcB?Ôcͽ4' BՏqw6x0h$4`GԽ*ݹ<%9Bg٨ޭ$Տ.N@tv(``3 X3Ww]jɽ4l&93,l6w3$N6\qܞ,󇂑d1"w䪕V X7%M T[2Z$ˋndːh@)&U?[zr - d"f<[B0)E1;ˑnhx#6hW'|p{ J!.ZElA":,VR)9=c0Z_QYgc۵6%??J7`=\{ǦRn l3Z/dPj4@"M x>F+];q{n~ޢf%{'kx4>-ks]Cj׾[%!o'v $qL{McLwVuP/S0 g(IPhS 2%&Sȭ_x@!AZ9\?~k8ʸ Xg!/v3nN.M̓vciLA! H#:=3Qdv1Yh`?1/ꞁpx!/OċQߦ0"VX@!tdO7R+MA'>+wqӝtߘ(zh ey}2OM$]5OD?׾lr}!ar^fY=s+>i*-+lX^( -NÕc@F/lWy=-vP4`, [@i`P= &MPӨ {9{JF3㧰eqCHxA o7Ky/h:QBlO7ٲXT m8ƓLeMݞV,̈Bt8Qݕŕք ŒdJ֟;ƒTg2,%#Vd#t8^'.K^O `7'д591qa̛$>O"e(a{pMBoZ}\rS'4n sQ (O>> [oW0#zG2o"H\,ڋ P'WZ?'AͰF`rtP"^ ^;-|{[@}D Koq g_4wUpTzin){6)wNf{Z yrșؐ)f ĚR3U^^\hh] ZCHӊ&UӗLbq5dxT?)-ezg4'Id5G qLnS+ڕX1I９oqޚ]R4p縳Y>:/>Ymeh8:.*>n Nk'HlV uVB %E.9`g\u-;i=m1Á865%/D´r'\)OAgya_Ũ) ɼ$035cfW]yfxW?EcklA(^j-=q'x2Z=q%YxAkr0R с.WaRWOE}>f44Z߀.в5W_;JkmdqTT*bɕ%- w>vkI0o>_}Qmk/dD8j̘;'Tz~LIExwH a6(Ï)a; Q%yDM;}P"D>Dh1{M.kwMSBSw8\rlJQH: FK"0adPG@+O~cyr-O.ksN$oa55ƦPs bo{i~3(WA$UĜ=wDž:!{4_OiU^}'ܐ:Ha,<߈J;q :=^<&wMwMM!.D!:ls І NCmcDHDCcD6pWŰĻ@m  SւZ?ā',*53Ec]"ll BIRhځ1=1Zt%;"S{^+8yhinmƮXXdkPZL*=T$ĹsS&$ &iצ vCe[ZvR15"aC~_N.#Ɔٕԏ[20}[,ДHһ)rѱPP \(ֶn`0h1y,mHnpG?O9Ý3~bl& kzȧ_%*͘P@DO9&Вł^m8d ±~m?$8mA")*!L~ ֝4**72\{O'xlTB 잂tN@ p`˖U\pt t^~TvD'v(+ LyiXc)] caHIZ!ٟLxPqck)8 :q`Vm(O_Va? 4D+ׂ́ri2x`n۟j(;R,+'϶pcY?'@8Iݬvr#bUޤB@jѺag?e%{n#SM\P6OXL4g1^OemTY j!6\&&o߄$ ZXA}WkR{A!`5u\@ j_@{ i{__ Tݥ]p}iZw?c_[;}.n(qkk}C",?8TK N2yeCQxP2@Y^n;>O,U6cYE45RK#toAt؈+˭c=n%1Gܨ(b̹h=wP^ "ppfwqfn (W9ƹ\V|Cێ?dpQ{rr[IϕiӍ.̐CBV^[mɐBH Ƨr}@3GLiObWjd;X !XNrw;V5ع8Ad@Hl5_a?Ǧ޴fT\m Ke2x0JuQw?[M}!UJ:ZК6vV2F$ʟO/"Qqh=A GvOǃUxD\QZoέk V2 ǷZKоV ˲zܧLGзaO '/%/nI>uY?.[H۔M/pAom]PI{à5QuUb̞vO!!MO5QM,ج dfA<G:xO\bo'g05_ .kGdjf%G@& /ʜYc.ݪݽhn蓩wP\\ޕ)z3:َ̤-*o=m!L--W88ŪOc8YQ'C-VheO!aeG,CBO><$[NNa@&7 _"(EMcԺTO$u&w^zjL-5=;gu\]i2{}xj$Yyj7aYZ=4 -QyoI Tͪ2;KW}9<K-!R GEڮmjppOn$;@CǾT?+n*۫HUt'XCQk].㈵Ztuh$ֳ X$r5kP=+Rw CziF`McǶK'1[!Ѡ>[RΏF/T7 ؙdG,ֱDw\qUo!zZ^@%KWRqGNzj=x1+~RZ>Ry5f ;j;Sc&&8uSh)m[q; SLϾ/ q&B 2t,dO~<7wɀO.&WwXkRݾe'IR%E1_w.!ɳcGo&IHj)5&Y?w>OFZo/>*}z3l8`FxhqF͟'"3xtYpUEJ>,vru}SOZ0.jP>jN{F(C( O⎢xbu۶%`6JD]@O%Q:K.dH[ jfJ㑶ߕ )A3gwkCe۽ݷq'Ws_A`շ/o7'z]A÷X%bO CUqy| s x )w{eYƂ-F,pch/0'D$w`7}4U]̵( I'ڙFv2K RgiR5kAeN+=ONfNr&ݨYo!JJ PHlˏõt^BFIhu~[(:,LXJ&}1I޷BYsi6MOAbY p1_l T=qXߚ~N\Kt ʸށAݭ;?u߽TlmCKxFsHvMx!PŲQd(C΢(͔eVTЮ#2zi"{n@)mhr:>ӷ*~Yz&apLg2Q/'\ipB%kpG[gQhT./!P۹ooquC29 s]+JS<[$u8OpEwݣ!/P.A1}6xA-r'_յq={οڿE-C{_>>2 1U=r7I={4,cώ&PtoKc2[Ch4߯֊)_yA)V=W)!H7eA炍vE"CL$mLiNK_nʷxJZh ۓ=TnNd'o~Г%<(ŝ Vl=`XQioOM:Lmw~"o@C?0r*gg sR>x/+*RV)6zOTZGXM{AxozЮGt^{Cs>q8'zP9X`c*Kr-=zG5 ' cQOcxy~մA%29;}LJų )?WWuN.}p2i\ZF?B?+PD42w18F+ySd< ,X+ʕ2~<#V7࣓V21O^@J= v|K-b˽ώT>-eQ݂tur(2:+(MͰ9Ι[UD- $L7xR 0ח Tt=Oަ=*T:-1EDb=vd8@dgESLSXd`Km3a 4omM49V!ǰLt=Uk7₤ k84LAw 0GZ<֬=18X#kgQ7p( [nb 6ۚex!TZjmxkc؀㩿 @\|m[dQ[ސ'KvoT:wO/O;y?OUR_ S.$8Z;u4E:#c8 }%qR?rʊ&Nf2$0:,fe*gE_)\#E&cc'TMa G{gN `Djr}Z%񠟶$X'+t ⵩lj|S)@Lrn[nl\',(B#hS&b2DBr>>CqEwk ?X5)P;1?@m1']il˒+[T~a/U>\4P0 S㔔x>(a+ҟ2{ e+;*rri4 W ~;_Lu~(&T>DeEUh0o\e&i`A.. bLTv6{/Nld.Ad$QZLE-Fs5dI\<5O{07'*um֌Go +P*W?P^7oUwROI-q] yz#bIӖ!ނ"*( ܞ)+K''oL`KI!v  !l;@UYF QjmUBɹ<6:!GQ+zDmp(K5݂Wnk'!=Q!]XOwwE'ۇbiЂ6/:{.ؾfℯj#WzpIXH"0@+< cΰTr IQJqvSnm!>!_lGA.-j#"O8'v$L" ,UzxE*X]W}^ - q=ZH wڴ[宛zN2{t`)d'`BmU77b.wfmeO4(5 w.XOJT\mm ay&={udLWE5hۨ&J @MtfaF";SaT̕+XY7ؔ$%>;O(N?3w*F2m{N-BԘ?ף`tO K B.#ĝEsҋ\s_jd}*u}."V>aO"Lv?{@{};oNjn鿈wK,"݆գ 5c' ݡ}}WL6Ĵ~)ɴv(姆@Lze<\u)Cd*d||'-43Zgy<(oPy-wA_dy8xĪіݾ>Q,?f !g~a5.Slua3$rScG]n+WlQB~'ύ~OEP1b?( h! moiH z*ku }*R3(׾^ӍҮ. CSZȡ С`? Ş -ܣUmrzz -9Pk u%{O"8:"~m Ysi>; ][簩 ' f`WOKde`ݔCEi4ƎQ؅P] DiXt~FzIvAv5;>㪷5c'la K-/ӓ*B?(mTDsoA^U8)R|LhaHvSB-RllX{#<|?JP;qr2@TDaAAOgOƈaa_ӫr~wL(t*ģ rˢfK謇•>-2cvzSaIY<gftV;xR~FEpA-4?Du 6 } >OPPVY$#o =aRB{kL^Iݧ׆3oOYO@pWbf|m6B>gb)꣱CǖrIʑM)6(Dlj~ y=f;-'/E|}>O^?Օ _.)3&pTd>GAI`L rbh{@+Ǭ&@I1q hHLoqkIVۆ 3҄(ح#Y hy#&E`:9j״@ :س5jC JSZytW9#YoD8Nfu7h׸ n`Ey=cC;6)=w?F>&ri3IO.._P[-N.%y$}"'3*cn 值|1aS+K m۝X^Ύƕ12X ư1j0LgRf|] Bwkf3I Eä-$p9Wc0od-U BR/ӦD}Mj2EuF;iRs'KIwy[o'FloUn~*^O#ϠvcnopCԯJj y~&jٽ R??Y%]*U|)[|a. $c4<ن3$=QVBd!8p)MKm䕦Ad4OV'v0(_I48&Vc&ыgl#o8W>8|dX[ ƚFD3Qn {'U3 *hx[rWci֎Oق$XMBB'X䕓9lFJOQLuŋՙ~}PI_EJI ZkR e0w?GMB"J/Twob+$(EܹBث${xbx)]7s unL!E\U}UӊԽcT'a`Ep2j?Nß'xkֿc4&R\SQ+ZjQ#` M^09\D+5m}!@zdz+<č()bWϝM'P'"{=eMC!VX^|gR a50x2(X3t@`Ib s 9ϼ[; I ȊqSXh U` ۳uۡ}q{;_ޚd)JMnDdCPF lh&*fs"æpeX;_뱤Cx&xpfMKgn+-5CaPokVs ɇkEe5CIa[|Gcmf=dC\<1 jDh!ww;{ad,?q'$(!ٶ0Dɟm*Znmmwvd@LZ1lp0"-onk7+?I}Zt|RGN,;Og # zֆdu~\rh+_Mbs=w_jxe.?& cڿ y<_{Di}'U/p!J׿ZlHn8 vgSZ BP:2DƵ!{rAZDNT4)bzu4p:n*"V":!i~҇v, 5ƛy0`~$:B7 QI+ UL[Ģ܋žwohYCnN0#/} ^? >g/o$ "j`ĵc;zL GpO]'"tNO!@1#_(rF%E`m{]oOӯsRf@`50~+(^9]\= qь"o1Z[/t |Ci\q$RFxhO@{ +%*ŪU @k6TROІZK KxN84(.?8w/77&߭zM}؆<4NP{ֿu/bu|zami k+{ əeW|Y, ̤Wq`t~,sËY?f;,h*>y9mvh!u #pV3t;5w7~ G= ӗ[rLbeelp'5Ymk_nyc*mlGVM;M|!yKDJd=qO 'c9Cv Px,sIfMEL,AIq\V[#T-ٛ-^`}fkGa5bͭql7m \!R ثa[5Y>FcXgRz繍XUȺfR iv5X=?O>(=OD՟:iإ)! [혂" A!ڋ7U^ /^r6 1~32&@W־]C*tB奒)g{l˨&<[ac@506yʜ sKaho^Ex&|'jn'BH/F+c&,2dZ r$sZn3/-]5]W5$MmU={~m!-T6izӷB\ƕJ:O쟊*m,H&4[t̞5 S9 tzl$%x -v՞w\ ҇ N\MNﱗ7#Â@charset "utf-8"; /* /* * HTML5 ✰ Boilerplate * * Das Folgende ist das Ergebnis umfangreicher Nachforschungen zum browserunabhängigen Webdesign. * Verweise auf die Urheber finden Sie in den Codekommentaren, außerdem ein herzliches Dankeschön an Nicolas Gallagher, Jonathan Neal, * Kroc Camen und die H5BP-Entwicklergemeinde und das H5BP-Team. * * Ausführliche Informationen über diesen CSS-Code gibt's unter h5bp.com/css * * Dreamweaver-Modifikationen: * 1. Auswahlmarkierung auskommentiert * 2. Abschnitt über Medienabfrage entfernt (wir definieren unsere eigene Medienabfrage in einer gesonderten Datei) * * ==|== Normalisieren ====================================================== */ /* ============================================================================= HTML5-Anzeigedefinitionen ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Basis ========================================================================== */ /* * 1. Die Anpassung der Textgröße führt in IE6/7 zu merkwürdigen Resultaten, wenn die Schriftgröße des Bodytexts in em-Einheiten angegeben ist * 2. Erzwingen einer vertikalen Bildlaufleiste in Nicht-IE-Browsern * 3. Verhindern der iOS-Textgrößenanpassung beim Ändern der Geräteausrichtung ohne den Benutzerzoom zu deaktivieren: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; /* [disabled]line-height: 1.231; */ } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * Textschatten in der Auswahlmarkierung entfernen: h5bp.com/i * Die folgenden Auswahldeklarationen müssen getrennt voneinander erfolgen * Außerdem: leuchtendes Pink! (Die Hintergrundfarbe kann auch an das Design angepasst werden.) */ /* Dreamweaver: die folgenden Codestellen auskommentieren, wenn die Auswahlmarkierung angepasst werden soll *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } *::selection { background: #fe57a1; color: #fff; text-shadow: none; } */ /* ============================================================================= Hyperlinks ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } /* Verbessert in allen Browsern die Lesbarkeit von Hyperlinks, die über die Tabulatortaste fokussiert werden (focus) und von Hyperlinks, auf die der Mauszeiger gerichtet ist (hover): h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typografie ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Nichtproportionale Schriftfamilie neu deklarieren: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* In allen Browsern die Lesbarkeit von vorformatiertem Text verbessern */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Text höher oder tiefer stellen ohne die Zeilenhöhe zu beeinflussen: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Listen ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Eingebetteter Inhalt ========================================================================== */ /* * 1. Verbessern der Bildqualität beim Skalieren in IE7: h5bp.com/d * 2. Entfernen der Lücke zwischen Bildern und Rahmen in Bildcontainern: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Korrekter Überlauf in IE9 nicht verborgen */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Abbildungen ========================================================================== */ figure { margin: 0; } /* ============================================================================= Formulare ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Festlegen, dass 'label' den Fokus auf das betreffende Forularelement setzt */ label { cursor: pointer; } /* * 1. Korrekte Farbe wird in IE6/7/8/9 nicht vererbt * 2. Korrekte Ausrichtung wird in IE6/7 merkwürdig angezeigt */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Korrekte Schriftgröße wird in keinem der Browser vererbt * 2. Entfernen von Rändern in FF3/4 S5 Chrome * 3. Definieren konsistenter vertikaler Ausrichtung für alle Browser */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Für eine Übereinstimmung mit FF3/4 die Zeilenhöhe als normal definieren (im UA-Stylesheet '!important' verwenden) * 2. Korrekter innerer Abstand wird in IE6/7 merkwürdig angezeigt */ button, input { line-height: normal; *overflow: visible; } /* * In 'table' inneren Abstand wieder einführen, um Überlappungen zu vermeiden und IE6/7-Probleme mit Leerraum zu vermeiden. */ table button, table input { *overflow: auto; } /* * 1. Anzeigen des Handcursors bei klickbaren Formularelementen * 2. Gestaltung klickbarer Formularelemente in iOS ermöglichen */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Konsistente Größe und Darstellung von Feldern */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * In FF3/4 innere Auffüllung und Rahmen entfernen: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. In IE6/7/8/9 vertikale Standardbildlaufleiste entfernen * 2. Größenänderung nur in der Vertikale zulassen */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Farben für die Formularüberprüfung */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tabellen ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== Primärstile ======================================================== Autor: ========================================================================== */ /* ==|== nichtsemantische Helferklassen ======================================== Definieren Sie Ihre Stile vor dieser Auswahl ========================================================================== */ /* Für den Austausch von Bildern */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Vor Bildschirmleseprogrammen und Browsern verbergen: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Nur visuell verbergen, aber für Bildschirmleseprogramme bereithalten: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Erweitert die Klasse ".visuallyhidden" so, dass das Element bei der Tastaturnavigation den Fokus erhält: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Visuell und vor Bildschirmleseprogrammen verbergen, aber das Layout beibehalten */ .invisible { visibility: hidden; } /* Floats beinhalten: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== Druckstile ========================================================== Druckstile. Innen, um die erforderliche HTTP-Verbindung zu vermeiden: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Schwarz druckt schneller: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Keine Bildverweise anzeigen und keine javascript/internal- Hyperlinks */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }