body { color: #eceded; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

h1 { margin:0; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 11px; display:inline; margin:0; font-weight: bold; }

a:link { color: #87888a; text-decoration: none; outline: none; }
a:visited { color: #87888a; text-decoration: none; outline: none; }
a:hover { color: #87888a; text-decoration: underline; outline: none; }

#hinter { background-image: url(buch-hinter.gif); background-repeat: no-repeat; margin:0 auto; text-align:left; position: relative; height: 480px; width:750px; visibility: visible; }
#buchtext { height: 315px; width: 315px; left: 376px; top: 113px; position: absolute; z-index: 30; visibility: visible; padding: 35px 15px 15px;}
#buchseite { height: 480px; width: 750px; z-index: 40; position: absolute; visibility: visible;}

#vorblaettern { height: 345px; width: 345px; left: 376px; top: 113px; position: absolute; z-index: 50; visibility: visible; }
#zurueckblaettern { height: 345px; width: 345px; left: 30px; top: 113px; position: absolute; z-index: 50; visibility: visible; }


ul { line-height: 1em; margin: 5px; list-style-image:url(listenbild.gif); padding: 0; }
li {margin: 10px; padding: 0;}

#linkstext {color: #87888a; height: 345px; width: 345px; left: 30px; top: 113px; position: absolute; z-index: 30; visibility: visible;} 
#rechtstext {color: #87888a; height: 345px; width: 345px; left: 376px; top: 113px; position: absolute; z-index: 30; visibility: visible;}
#formularfeld { color: #87888a; height: 345px; width: 345px; left: 30px; top: 113px; position: absolute; z-index: 30; visibility: visible; padding-top: 20px; padding-left: 20px; }

#impress { color: #87888a; text-align: right; height: 10px; width: 345px; left: 376px; top: 475px; position: absolute; z-index: 30; visibility: visible; }
#formu { color: #87888a; text-align: right; height: 10px; width: 345px; left: 30px; top: 475px; position: absolute; z-index: 30; visibility: visible; }

#textoben { text-align: center; position: absolute; top: 0; width: 345px; }
#textunten { text-align: center; position: absolute; bottom: 0; width: 345px; } 

/**************************************************************/

#grafikdesign { height: 344px; width: 344px; left: 30px; top: 113px; position: absolute; z-index: 30; visibility: visible; border-top: 1px solid #101010; }
#webdesign { height: 344px; width: 344px; left: 30px; top: 113px; position: absolute; z-index: 30; visibility: visible; }

#grafikdesignthumb { height: 100px; width: 700px; left: 0; top: 500px; position: absolute; visibility: hidden; }

.loading {background: url(loading.gif) center no-repeat;}

.grafikdesignthumb {outline: none;}

.grafikdesignthumb img { height:10px; width:10px; padding: 2px; border: solid 1px #eceded; }

.grafikdesign img { width: 344px; height: 344px; }
.webdesign img { width: 344px; height: 250px; margin-top: 47px; }

.outline { border: solid 1px #464646; z-index: 0; position: absolute; }

/*************************************************************/