/* MAIN NAVIGATION */

.index     {display:block;
             background-image:url(../grafiken/navigation/index.gif);
             width:19px; height:48px;}

.index:hover     {background-image:url(../grafiken/navigation/index_r.gif);}



.profil     {display:block;
             background-image:url(../grafiken/navigation/profil.gif);
             width:19px; height:55px;}

.profil:hover     {background-image:url(../grafiken/navigation/profil_r.gif);}



.arbeitsproben     {display:block;
             background-image:url(../grafiken/navigation/arbeitsproben.gif);
             width:19px; height:114px;}

.arbeitsproben:hover     {background-image:url(../grafiken/navigation/arbeitsproben_r.gif);}



.kontakt     {display:block;
             background-image:url(../grafiken/navigation/kontakt.gif);
             width:19px; height:72px;}

.kontakt:hover     {background-image:url(../grafiken/navigation/kontakt_r.gif);}



.links     {display:block;
             background-image:url(../grafiken/navigation/links.gif);
             width:19px; height:44px;}

.links:hover     {background-image:url(../grafiken/navigation/links_r.gif);}



/* KONTAKT */

#mail     {display:block;
             background-image:url(../grafiken/kontakt.gif);
             width:138px; height:40px;}

#mail:hover     {background-image:url(../grafiken/kontakt_r.gif);}





/* PRODUCTS NAVIGATION */


#vor            {float: right;
                display:block;
             background-image:url(../grafiken/navigation/vor.gif);
             width:129px;
             height:100px;
             margin-top: 150px;
             }

#vor:hover     {background-image:url(../grafiken/navigation/vor_r.gif);}



#zurueck     {float: left;
             display:block;
             background-image:url(../grafiken/navigation/zurueck.gif);
             width:129px; height:100px;
             margin-top: 200px;
             }

#zurueck:hover     {background-image:url(../grafiken/navigation/zurueck_r.gif);}




/* LINKS */


a#schilderoth {background-image: url(../grafiken/links/schilderoth.gif);
            width:240px; height:26px;}

a#schilderoth:hover {background-image: url(../grafiken/links/schilderoth_r.gif);}



a#vhs {background-image: url(../grafiken/links/vhs.gif);
            width:192px; height:26px;}

a#vhs:hover {background-image: url(../grafiken/links/vhs_r.gif);}



a#vomhofe {background-image: url(../grafiken/links/vomhofe.gif);
            width:206px; height:26px;}

a#vomhofe:hover {background-image: url(../grafiken/links/vomhofe_r.gif);}



a#werkstadt {background-image: url(../grafiken/links/werkstadt.gif);
            width:244px; height:26px;}

a#werkstadt:hover {background-image: url(../grafiken/links/werkstadt_r.gif);}



a#blotevogel {background-image: url(../grafiken/links/blotevogel.gif);
            width:227px; height:26px;}

a#blotevogel:hover {background-image: url(../grafiken/links/blotevogel_r.gif);}



a#hugo {background-image: url(../grafiken/links/hugo.gif);
            width:339px; height:26px;}

a#hugo:hover {background-image: url(../grafiken/links/hugo_r.gif);}



a#bittip {background-image: url(../grafiken/links/bittip.gif);
            width:228px; height:26px;}

a#bittip:hover {background-image: url(../grafiken/links/bittip_r.gif);}



a#daniel {background-image: url(../grafiken/links/daniel.gif);
            width:265px; height:26px;}

a#daniel:hover {background-image: url(../grafiken/links/daniel_r.gif);}



a#dsenne {background-image: url(../grafiken/links/dsenne.gif);
            width:173px; height:26px;}

a#dsenne:hover {background-image: url(../grafiken/links/dsenne_r.gif);}



a#norbert {background-image: url(../grafiken/links/norbert.gif);
            width:256px; height:26px;}

a#norbert:hover {background-image: url(../grafiken/links/norbert_r.gif);}




/* ARBEITSPROBEN */
/* FLYER A6 QUER */

a#schauspiel {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/schauspielworkshop1.jpg);
            width:425px; height:303px;}

a#schauspiel:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/schauspielworkshop2.jpg);}



a#gedankenflieger {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/gedankenflieger1.jpg);
            width:425px; height:303px;}

a#gedankenflieger:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/gedankenflieger2.jpg);}



a#georgedandin {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/georgedandin1.jpg);
            width:425px; height:303px;}

a#georgedandin:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/georgedandin2.jpg);}



a#heavychristmas {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/heavychristmas1.jpg);
            width:425px; height:303px;}

a#heavychristmas:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/heavychristmas2.jpg);}



a#ideal {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/ideal1.jpg);
            width:425px; height:303px;}

a#ideal:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/ideal2.png);}



a#literaturfestival {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/literaturfestival1.jpg);
            width:425px; height:303px;}

a#literaturfestival:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/literaturfestival2.jpg);}



a#move {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/move1.jpg);
            width:425px; height:303px;}

a#move:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/move2.jpg);}



a#sommerworkshop {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/sommerworkshop1.jpg);
            width:425px; height:303px;}

a#sommerworkshop:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/sommerworkshop2.jpg);}



a#zeitreise {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/zeitreise1.jpg);
            width:425px; height:303px;}

a#zeitreise:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_quer/zeitreise2.jpg);}



/* FLYER A6 HOCH */

a#poesieschlacht   {background-image: url(../grafiken/arbeitsproben/flyer_a6_hoch/poesieschlacht1.jpg);
                  width:303px; height:425px;}

a#poesieschlacht:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_hoch/poesieschlacht2.jpg);}



a#radiounited   {background-image: url(../grafiken/arbeitsproben/flyer_a6_hoch/radiounited1.jpg);
                  width:303px; height:425px;}

a#radiounited:hover {background-image: url(../grafiken/arbeitsproben/flyer_a6_hoch/radiounited2.jpg);}



/* FLYER DIN LANG */


a#buchwerkstatt   {background-image: url(../grafiken/arbeitsproben/flyer_dinlang/buchwerkstatt1.jpg);
                  width:490px; height:116px;}

a#buchwerkstatt:hover {background-image: url(../grafiken/arbeitsproben/flyer_dinlang/buchwerkstatt2.jpg);}



a#dsenne_lang   {background-image: url(../grafiken/arbeitsproben/flyer_dinlang/dsenne1.jpg);
                  width:245px; height:520px;}

a#dsenne_lang:hover {background-image: url(../grafiken/arbeitsproben/flyer_dinlang/dsenne2.png);}



a#tango   {background-image: url(../grafiken/arbeitsproben/flyer_dinlang/tango1.png);
                  width:245px; height:520px;}

a#tango:hover {background-image: url(../grafiken/arbeitsproben/flyer_dinlang/tango2.png);}




/* FLYER A4 */

a#artdepartment   {background-image: url(../grafiken/arbeitsproben/flyer_a4/artdepartment1.png);
                  width:490px; height:347px;}

a#artdepartment:hover {background-image: url(../grafiken/arbeitsproben/flyer_a4/artdepartment2.png);}



a#radiounited_a4   {background-image: url(../grafiken/arbeitsproben/flyer_a4/radiounited1.png);
                  width:490px; height:347px;}

a#radiounited_a4:hover {background-image: url(../grafiken/arbeitsproben/flyer_a4/radiounited2.png);}




/* SONSTIGE PRINTS */

a#gutschein   {background-image: url(../grafiken/arbeitsproben/sonstige_prints/gutschein1.png);
                  width:358px; height:520px;}

a#gutschein:hover {background-image: url(../grafiken/arbeitsproben/sonstige_prints/gutschein2.png);}



/* BILDBEARBEITUNGEN */

a#teeschiff   {background-image: url(../grafiken/arbeitsproben/bildbearbeitungen/teeschiff1.jpg);
                  width:425px; height:319px;}

a#teeschiff:hover {background-image: url(../grafiken/arbeitsproben/bildbearbeitungen/teeschiff2.jpg);}



a#portrait_a   {background-image: url(../grafiken/arbeitsproben/bildbearbeitungen/portrait_a1.jpg);
                  width:319px; height:425px;}

a#portrait_a:hover {background-image: url(../grafiken/arbeitsproben/bildbearbeitungen/portrait_a2.jpg);}



a#portrait_b   {background-image: url(../grafiken/arbeitsproben/bildbearbeitungen/portrait_b1.jpg);
                  width:319px; height:425px;}

a#portrait_b:hover {background-image: url(../grafiken/arbeitsproben/bildbearbeitungen/portrait_b2.jpg);}