/* Webdesign IMAGE und INFOTEXT */

#reftext { 
height: 220px; 
width: 310px; 
position: absolute; 
top: 115px; 
left: 90px; 
visibility: visible; 
}
/* INTRO */

/*#intro { 
background-image: url(designs/intro/dogsroad.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 98px; 
left: 550px; 
visibility: visible;
}*/

/* IMPRESSUM*/

#impressum_li { 
background-image: url(designs/grafik_links/fantasy_voll_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}



/* ASTERIX LINKE SEITE */

#press_asterix { 
background-image: url(designs/intro/dogsroad_asterix.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#press_index { 
background-image: url(designs/intro/hotline-intro.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#press_kontakt { 
background-image: url(designs/intro/hotline-kontakt.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#press_referenz { 
background-image: url(designs/intro/hotline-kontakt.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}



/* LOGO */

#logodesign1 { 
background-image: url(designs/logos/mauiboyz.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign2 { 
background-image: url(designs/logos/haifisch1.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign3 { 
background-image: url(designs/logos/poa2006.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign4 { 
background-image: url(designs/logos/dox2.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign5 { 
background-image: url(designs/logos/mehrwert.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign6 { 
background-image: url(designs/logos/zweineinem2b.jpg); 
background-repeat: no-repeat; 
background-position: -27px -40px; 
height: 420px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign7 { 
background-image: url(designs/logos/catering.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign8 { 
background-image: url(designs/logos/musikbeg-ev.jpg); 
background-repeat: no-repeat; 
background-position: -36px -50px; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign9 { 
background-image: url(designs/logos/webgaertner.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}
#logodesign10 { 
background-image: url(designs/logos/poa2005.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign11 { 
background-image: url(designs/logos/cba.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign12 { 
background-image: url(designs/logos/beutelsbacher.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign13 { 
background-image: url(designs/logos/schieleschoen.jpg); 
background-repeat: no-repeat; 
background-position: 10px 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign14 { 
background-image: url(designs/logos/mondulare-pe.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign15 { 
background-image: url(designs/logos/ldvc.jpg); 
background-repeat: no-repeat; 
background-position: -33px -70px; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign16 { 
background-image: url(designs/logos/ayurveda.jpg); 
background-repeat: no-repeat; 
background-position: -34px -57px; 
height: 420px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign17 { 
background-image: url(designs/logos/poa2010gelb.jpg); 
background-repeat: no-repeat; 
background-position: 11px 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign18 { 
background-image: url(designs/logos/concordia.jpg); 
background-repeat: no-repeat; 
background-position: -29px -68px; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

#logodesign19 { 
background-image: url(designs/logos/poa2007.jpg); 
background-repeat: no-repeat; 
background-position: -30px -60px; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}
#logodesign20 { 
background-image: url(designs/logos/haifisch-event.jpg); 
background-repeat: no-repeat; 
background-position: -28px -54px; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 100px; 
left: 545px; 
visibility: visible; 
}

/* LOGO IMAGE LINKE SEITE */

/* POSTER */
/*
#posterdesign1 { 
background-image: url(designs/poster/mauiboyz380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 269px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}

#posterdesign2 { 
background-image: url(designs/poster/perdita380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 268px; 
position: absolute; 
top: 115px; 
left: 622px; 
visibility: visible; 
}

#posterdesign3 { 
background-image: url(designs/poster/soallee380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 246px; 
position: absolute; 
top: 115px; 
left: 630px; 
visibility: visible; 
}

#posterdesign4 { 
background-image: url(designs/poster/buchderliebe380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 269px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}

#posterdesign5 { 
background-image: url(designs/poster/12monkeys.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 369px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}

#posterdesign6 { 
background-image: url(designs/poster/limey380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 264px; 
position: absolute; 
top: 115px; 
left: 623px; 
visibility: visible; 
}

#posterdesign7 { 
background-image: url(designs/poster/starkey380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 266px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}

#posterdesign8 { 
background-image: url(designs/poster/poa06-380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 269px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}

#posterdesign9 { 
background-image: url(designs/poster/poa07-380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 272px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}
#posterdesign10 { 
background-image: url(designs/poster/poa09-380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 272px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}+/

/* POSTER IMAGES LINKE SEITE */
/*
#grafik_maui {
background-image: url(designs/grafik_links/maui_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#poa9_logo_li { 
background-image: url(designs/logo_li/poa_logo2009a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#poa7_logo_li { 
background-image: url(designs/logo_li/poa_logo2007a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#poa6_logo_li { 
background-image: url(designs/logo_li/poa_logo2006a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#engel01_li { 
background-image: url(designs/grafik_links/engel04a_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#leo01_li { 
background-image: url(designs/grafik_links/fantasy_leo2_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#monkeys_li { 
background-image: url(designs/grafik_links/12monkeys2b_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}*/


/* GRAFIK DESIGN */

#grafikdesign1 { 
background-image: url(designs/grafik/proaudio.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 105px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign2 { 
background-image: url(designs/grafik/weleda_pack.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign3 { 
background-image: url(designs/grafik/beutelsbacher.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign4 { 
background-image: url(designs/grafik/schley.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign5 { 
background-image: url(designs/grafik/schley_flyer.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px;  
visibility: visible; 
}

#grafikdesign6 { 
background-image: url(designs/grafik/modularepe_flyer.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign7 { 
background-image: url(designs/grafik/sonnenallee_packung.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px;  
visibility: visible; 
}

#grafikdesign8 { 
background-image: url(designs/grafik/perdita.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign9 { 
background-image: url(designs/grafik/poa07.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign10 { 
background-image: url(designs/grafik/shirt2010.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}
#grafikdesign10 { 
background-image: url(designs/grafik/shirt2009.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign11 { 
background-image: url(designs/grafik/geo1anzeige.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px;  
visibility: visible; 
}

#grafikdesign12 { 
background-image: url(designs/grafik/12monkeys1.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px;  
visibility: visible; 
}

#grafikdesign13 { 
background-image: url(designs/grafik/buchderliebe.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign14 { 
background-image: url(designs/grafik/limey.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign15 { 
background-image: url(designs/grafik/starkey.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign16 { 
background-image: url(designs/grafik/werner_anzeigen.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}


#grafikdesign17 { 
background-image: url(designs/grafik/pauli_anzeige.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 100px; 
left: 550px; 
visibility: visible; 
}

#grafikdesign18 { 
background-image: url(designs/poster/mauiboyz380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 268px; 
position: absolute; 
top: 116px; 
left: 615px; 
visibility: visible; 
}

#grafikdesign19 { 
background-image: url(designs/grafik/lichtriesen1a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 500px; 
width: 500px; 
position: absolute; 
top: 44px; 
left: 518px; 
visibility: visible; 
}

#grafikdesign20 { 
background-image: url(designs/poster/poa06-380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 268px; 
position: absolute; 
top: 116px; 
left: 615px; 
visibility: visible; 
}

/* GRAFIK IMAGES LINKE SEITE */

#grafik_maui {
background-image: url(designs/grafik_links/maui_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#poa9_logo_li { 
background-image: url(designs/logo_li/poa_logo2009a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#poa7_logo_li { 
background-image: url(designs/logo_li/poa_logo2007a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#poa6_logo_li { 
background-image: url(designs/logo_li/poa_logo2006a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#engel01_li { 
background-image: url(designs/grafik_links/engel04a_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#leo01_li { 
background-image: url(designs/grafik_links/fantasy_leo2_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#monkeys_li { 
background-image: url(designs/grafik_links/12monkeys2b_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

/* WEB */

#webdesign1 { 
background-image: url(designs/web/4schritte380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign2 { 
background-image: url(designs/web/basic380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign3 { 
background-image: url(designs/web/webgaertner380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign4 { 
background-image: url(designs/web/haifisch380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign5 { 
background-image: url(designs/web/weleda380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign6 { 
background-image: url(designs/web/goetheanum380a.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign7 { 
background-image: url(designs/web/meleto380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign8 { 
background-image: url(designs/web/modent380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign9 { 
background-image: url(designs/web/rose380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign10 { 
background-image: url(designs/web/medcom380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign11 { 
background-image: url(designs/web/schley380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign12 { 
background-image: url(designs/web/tentation380.jpg); 
background-repeat: no-repeat; 
background-position: -3px 0px; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign13 { 
background-image: url(designs/web/chiki380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign14 { 
background-image: url(designs/web/psart380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign15 { 
background-image: url(designs/web/xroots380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign16 { 
background-image: url(designs/web/odilia380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign17 { 
background-image: url(designs/web/benson380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign18 { 
background-image: url(designs/web/clw380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign19 { 
background-image: url(designs/web/kidsglobe380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

#webdesign20 { 
background-image: url(designs/web/andreas380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 290px; 
width: 380px; 
position: absolute; 
top: 150px; 
left: 560px; 
visibility: visible; 
}

/* WEB IMAGE LINKE SEITE */

/* CORPORATE DESIGN */

#cddesign1 { 
background-image: url(designs/cd/verlaglogo_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign2 { 
background-image: url(designs/cd/buecher3b_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign3 { 
background-image: url(designs/cd/buchlayout_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign4 { 
background-image: url(designs/cd/katalog_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}


#cddesign5 { 
background-image: url(designs/cd/fkt_magazin1_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign6 { 
background-image: url(designs/cd/leologos_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 480px; 
width: 380px; 
position: absolute; 
top: 72px; 
left: 617px; 
visibility: visible; 
}

#cddesign7 { 
background-image: url(designs/cd/leo_shirts_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}


#cddesign8 { 
background-image: url(designs/cd/leo_saeulen2_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign9 { 
background-image: url(designs/cd/leo_image_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign10 { 
background-image: url(designs/cd/pie_goldkarten.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

/* SEITE 11 BIS 20 */

#cddesign11 { 
background-image: url(designs/cd/pie_akademie.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign12 { 
background-image: url(designs/cd/pie_siemens.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign13 { 
background-image: url(designs/cd/pie_katalog.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign14 { 
background-image: url(designs/cd/pie_event.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign15 { 
background-image: url(designs/poster/babar380.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 380px; 
width: 369px; 
position: absolute; 
top: 115px; 
left: 620px; 
visibility: visible; 
}

#cddesign16 { 
background-image: url(designs/cd/babar1_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign17 { 
background-image: url(designs/cd/babar_mobile_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign18 { 
background-image: url(designs/cd/babar_presse_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign19 { 
background-image: url(designs/cd/sonnenallee1kl_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

#cddesign20 { 
background-image: url(designs/cd/sonnenallee2kl_re.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 510px; 
width: 460px; 
position: absolute; 
top: 42px; 
left: 517px; 
visibility: visible; 
}

/* CD IMAGE LINKE SEITE */

#schiele_li {
background-image: url(designs/grafik_links/schiele_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#schiele1_li {
background-image: url(designs/grafik_links/schiele1_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#leo_li {
background-image: url(designs/grafik_links/leo_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#leo1_li {
background-image: url(designs/grafik_links/leo1_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#leo2_li {
background-image: url(designs/grafik_links/leo3_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#leo3_li {
background-image: url(designs/grafik_links/leo4b_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#pie1_li {
background-image: url(designs/grafik_links/pie2a_links.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#babar_li {
background-image: url(designs/grafik_links/babar_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#sonnenallee_li {
background-image: url(designs/grafik_links/sonnenallee_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

/* ILLUSTRATIONEN UND BILDER */

#bilder1 { 
background-image: url(designs/illus/rotes_sofa.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder2 { 
background-image: url(designs/illus/big_brass.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder3 { 
background-image: url(designs/illus/night_nurse.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder4 { 
background-image: url(designs/illus/diesau_israus.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder5 { 
background-image: url(designs/illus/timeslot.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder6 { 
background-image: url(designs/illus/chefsache.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder7 { 
background-image: url(designs/illus/calling_rosi.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder8 { 
background-image: url(designs/illus/stichelei.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder9 { 
background-image: url(designs/illus/kopfsache.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder10 { 
background-image: url(designs/illus/mozartteller.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder11 { 
background-image: url(designs/illus/bananen.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder12 { 
background-image: url(designs/illus/gottesfuerchtig.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder13 { 
background-image: url(designs/illus/fehlerhafte.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder14 { 
background-image: url(designs/illus/mannstoll.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder15 { 
background-image: url(designs/illus/bitterwicklerin.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder16 { 
background-image: url(designs/illus/immermuede.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder17 { 
background-image: url(designs/illus/maestroso.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

#bilder18 { 
background-image: url(designs/illus/saxplayer.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 106px; 
left: 558px; 
visibility: visible;
}

#bilder19 { 
background-image: url(designs/illus/kuhwanne.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 106px; 
left: 558px; 
visibility: visible;
}

#bilder20 { 
background-image: url(designs/illus/pianoman.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 400px; 
width: 400px; 
position: absolute; 
top: 115px; 
left: 558px; 
visibility: visible;
}

/* BILDER IMAGE LINKS */

#image01_li {
background-image: url(designs/grafik_links/fantasy01_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image02_li {
background-image: url(designs/grafik_links/fantasy02_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image03_li {
background-image: url(designs/grafik_links/fantasy03_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image04_li {
background-image: url(designs/grafik_links/fantasy04_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image05_li {
background-image: url(designs/grafik_links/fantasy05a_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image06_li {
background-image: url(designs/grafik_links/fantasy06a_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image07_li {
background-image: url(designs/grafik_links/fantasy17a_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image08_li {
background-image: url(designs/grafik_links/fantasy08_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image09_li {
background-image: url(designs/grafik_links/fantasy09_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image10_li {
background-image: url(designs/grafik_links/fantasy10_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image11_li {
background-image: url(designs/grafik_links/fantasy11_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image12_li {
background-image: url(designs/grafik_links/fantasy12a_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image13_li {
background-image: url(designs/grafik_links/fantasy02c_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image14_li {
background-image: url(designs/grafik_links/fantasy03c_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image15_li {
background-image: url(designs/grafik_links/fantasy01_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image16_li {
background-image: url(designs/grafik_links/fantasy13_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image17_li {
background-image: url(designs/grafik_links/fantasy17_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}


#image20_li {
background-image: url(designs/grafik_links/fantasy14_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image18_li {
background-image: url(designs/grafik_links/fantasy15_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image19_li {
background-image: url(designs/grafik_links/fantasy16_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image20_li {
background-image: url(designs/grafik_links/fantasy17_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}



#image17_li {
background-image: url(designs/grafik_links/engel01_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}


#image18_li {
background-image: url(designs/grafik_links/engel02_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

#image16_li {
background-image: url(designs/grafik_links/engel04_li.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
top: 42px; 
right: 0; 
bottom: 0; 
left: 35px; 
width: 476px; 
height: 533px; 
}

/* TEXTBLOCK RECHTE SEITE */

#textrechts { 
visibility: visible; 
position: absolute; 
top: 115px; 
left: 580px; 
width: 340px; 
height: 300px; 
}

/* TEXTBLOCK FUSSZEILE */

#fusszeile { 
visibility: visible; 
position: absolute; 
top: 545px; 
left: 110px; 
width: 340px; 
height: 30px; 
}