/* style sheet metadata ****************************************** */
/*                                                                 */
/* project:	STYLEWORKS                                        */
/* website:      www.thestyleworks.de                              */
/* function:     experimental style sheet for images               */
/* author:       k. langenberg                                     */
/* date:         21-dec-2006                                       */
/* version:                                                        */
/*                                                                 */
/*                                                                 */


img#arrow {
    background-image: url(../graphics/arrow.gif);
    width: 26px;
    height: 14px;
    }
img#background-position {
    background-image: url(../graphics/background-position.gif);
    width: 506px;
    height: 321px;
    }
img#background-repeat {
    background-image: url(../graphics/background-repeat.jpg);
    width: 506px;
    height: 321px;
    }
img#border-collapse-1 {
    background-image: url(../graphics/border-collapse-1.gif);
    width: 500px;
    height: 154px;
    }
img#border-collapse-2 {
    background-image: url(../graphics/border-collapse-2.gif);
    width: 500px;
    height: 154px;
    }
img#border-spacing-1 {
    background-image: url(../graphics/border-spacing-1.gif);
    width: 500px;
    height: 130px;
    }
img#border-spacing-2 {
    background-image: url(../graphics/border-spacing-2.gif);
    width: 500px;
    height: 130px;
    }
img#border-style-dashed {
    background-image: url(../graphics/border-style-dashed.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-dotted {
    background-image: url(../graphics/border-style-dotted.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-double {
    background-image: url(../graphics/border-style-double.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-groove {
    background-image: url(../graphics/border-style-groove.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-inset {
    background-image: url(../graphics/border-style-inset.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-none {
    background-image: url(../graphics/border-style-none.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-outset {
    background-image: url(../graphics/border-style-outset.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-ridge {
    background-image: url(../graphics/border-style-ridge.gif);
    width: 122px;
    height: 50px;
    }
img#border-style-solid {
    background-image: url(../graphics/border-style-solid.gif);
    width: 122px;
    height: 50px;
    }
img#border {
    background-image: url(../graphics/border.jpg);
    width: 325px;
    height: 322px;
    }
img#box-model {
    background-image: url(../graphics/box-model.gif);
    width: 506px;
    height: 479px;
    }
img#clear {
    background-image: url(../graphics/clear.gif);
    width: 506px;
    height: 321px;
    }
img#clip {
    background-image: url(../graphics/clip.gif);
    width: 500px;
    height: 400px;
    }
img#collapsing-margins-a {
    background-image: url(../graphics/collapsing-margins-a.gif);
    width: 167px;
    height: 141px;
    }
img#collapsing-margins-b {
    background-image: url(../graphics/collapsing-margins-b.gif);
    width: 167px;
    height: 141px;
    }
img#collapsing-margins-c {
    background-image: url(../graphics/collapsing-margins-c.gif);
    width: 166px;
    height: 141px;
    }
img#css-regeln {
    background-image: url(../graphics/css-regeln.gif);
    width: 566px;
    height: 465px;
    }
img#css-sitemap-screenshot-1 {
    background-image: url(../graphics/css-sitemap-screenshot-1.gif);
    width: 175px;
    height: 289px;
    }
img#css-sitemap-screenshot-2 {
    background-image: url(../graphics/css-sitemap-screenshot-2.gif);
    width: 175px;
    height: 289px;
    }
img#css-sitemap-screenshot-3 {
    background-image: url(../graphics/css-sitemap-screenshot-3.gif);
    width: 175px;
    height: 289px;
    }
img#css-sitemap-screenshot-4 {
    background-image: url(../graphics/css-sitemap-screenshot-4.gif);
    width: 199px;
    height: 289px;
    }
img#cursor-compass {
    background-image: url(../graphics/cursor-compass.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-crosshair {
    background-image: url(../graphics/cursor-crosshair.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-default {
    background-image: url(../graphics/cursor-default.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-help {
    background-image: url(../graphics/cursor-help.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-move {
    background-image: url(../graphics/cursor-move.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-pointer {
    background-image: url(../graphics/cursor-pointer.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-progress {
    background-image: url(../graphics/cursor-progress.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-text {
    background-image: url(../graphics/cursor-text.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-uri {
    background-image: url(../graphics/cursor-uri.gif);
    width: 40px;
    height: 40px;
    }
img#cursor-wait {
    background-image: url(../graphics/cursor-wait.gif);
    width: 40px;
    height: 40px;
    }
img#doc-tree {
    background-image: url(../graphics/doc-tree.gif);
    width: 500px;
    height: 281px;
    }
img#doc-tree-2 {
    background-image: url(../graphics/doc-tree-2.gif);
    width: 500px;
    height: 631px;
    }
img#empty-cells {
    background-image: url(../graphics/empty-cells.gif);
    width: 300px;
    height: 128px;
    }
img#ex-em-comparison {
    background-image: url(../graphics/ex-em-comparison.gif);
    width: 538px;
    height: 123px;
    }
img#flag-de {
    background-image: url(../graphics/flag-de.gif);
    width: 12px;
    height: 12px;
    }
img#flag-en-de {
    background-image: url(../graphics/flag-en-de.gif);
    width: 12px;
    height: 12px;
    }
img#flag-en {
    background-image: url(../graphics/flag-en.gif);
    width: 12px;
    height: 12px;
    }
img#font-family {
    background-image: url(../graphics/font-family.gif);
    width: 155px;
    height: 221px;
    }
img#font-size-adjust-comparison {
    background-image: url(../graphics/font-size-adjust-comparison.gif);
    width: 288px;
    height: 287px;
    }
img#font-style-comparison {
    background-image: url(../graphics/font-style-comparison.gif);
    width: 186px;
    height: 207px;
    }
img#font-variant-comparison {
    background-image: url(../graphics/font-variant-comparison.gif);
    width: 196px;
    height: 231px;
    }
img#inline-table {
    background-image: url(../graphics/inline-table.gif);
    width: 287px;
    height: 245px;
    }
img#inlinebox {
    background-image: url(../graphics/inlinebox.gif);
    width: 487px;
    height: 447px;
    }
img#iwagry {
    background-image: url(../graphics/iwagry.gif);
    width: 115px;
    height: 87px;
    }
img#kl {
    background-image: url(../graphics/kl.gif);
    width: 34px;
    height: 19px;
    }
img#outline {
    background-image: url(../graphics/outline.gif);
    width: 506px;
    height: 321px;
    }
img#page-break {
    background-image: url(../graphics/page-break.gif);
    width: 375px;
    height: 309px;
    }
img#pixel-paper {
    background-image: url(../graphics/pixel-paper.gif);
    width: 203px;
    height: 247px;
    }
img#pixel-screen {
    background-image: url(../graphics/pixel-screen.gif);
    width: 203px;
    height: 247px;
    }
img#position {
    background-image: url(../graphics/position.gif);
    width: 500px;
    height: 400px;
    }
img#shadow4b1 {
    background-image: url(../graphics/shadow4b1.jpg);
    width: 205px;
    height: 170px;
    }
img#shadow4b2 {
    background-image: url(../graphics/shadow4b2.jpg);
    width: 205px;
    height: 170px;
    }
img#style-element {
    background-image: url(../graphics/style-element.gif);
    width: 299px;
    height: 288px;
    }
img#text-align-string-example {
    background-image: url(../graphics/text-align-string-example.gif);
    width: 201px;
    height: 253px;
    }
img#text-decoration-3 {
    background-image: url(../graphics/text-decoration-3.gif);
    width: 262px;
    height: 122px;
    }
img#text-decoration {
    background-image: url(../graphics/text-decoration.gif);
    width: 262px;
    height: 134px;
    }
img#text-shadow {
    background-image: url(../graphics/text-shadow.gif);
    width: 506px;
    height: 321px;
    }
img#user-style-sheets-moz {
    background-image: url(../graphics/user-style-sheets-moz.jpg);
    width: 328px;
    height: 256px;
    }
img#valid-xhtml10 {
    background-image: url(../graphics/valid-xhtml10.png);
    width: 88px;
    height: 31px;
    }
img#vcss {
    background-image: url(../graphics/vcss.png);
    width: 88px;
    height: 31px;
    }
img#vertical-align {
    background-image: url(../graphics/vertical-align.gif);
    width: 286px;
    height: 392px;
    }
img#vertical-align2 {
    background-image: url(../graphics/vertical-align2.gif);
    width: 510px;
    height: 195px;
    }
img#z-index-2 {
    background-image: url(../graphics/z-index-3.gif);
    width: 286px;
    height: 207px;
    }
img#z-index {
    background-image: url(../graphics/z-index.gif);
    width: 506px;
    height: 321px;
    }