body { width: 980px; margin: 20px auto 20px auto; }
ul { padding: 0; margin: 0; text-indent: 0;}

#frame { width: 980px; height: 520px; border-top: 1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding: 0; margin: 0; }
#logo { width: 980px; height: 120px; font-family:Arial, Helvetica, sans-serif; font-size:11px;padding: 0; margin: 0;  text-align:right; background-image:url(../logo_petra_kellner.gif); background-position:right; background-repeat: no-repeat; margin: 10px 0 10px 0;} 
#logo a:link, #logo a:visited { margin-top: 110px; margin-left: 25px; display:block; height: 10px; float: right; color: #aaaaaa; text-decoration: none;}
#logo a:hover, #logo a:active { color: #666666;}
#menu { width: 160px; height: 350px; float: left; display: block; padding: 0; margin: 50px 20px 0 0; text-align: left;}
#pages { width: 180px; height: 100px; float: left; display: block; padding: 0; margin: 0 0 0 0;}
#image, #image a:hover { width: 780px; height: 480px; float: right; display: block; padding: 0; margin: 20px 0 0 0; cursor: hand;}

#image img { display: none;}
#image img.first { display: block;}

#categories ul  { text-indent: 0;}
#categories li {  display: block; width: 160px; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #aaaaaa; float: right; text-decoration: none; text-align:right; padding-bottom: 10px; }
#categories li a:link, #categories li a:visited {  display: block; width: 160px; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #aaaaaa; float: right; text-decoration: none; text-align:right; padding-bottom: 20px; }
#categories li a:hover, #categories li a:active { color: #666666;}

#pages a { margin: 0 5px 5px 0; padding: 0; width: 16px; heigt: 30px; font-size:8px; background: #cccccc; text-decoration: none; color: #cccccc; float: left;}
#pages a:hover { background: #666666; color: #666666 }
#pages a.activeSlide { background: #666666; color: #666666 }
#pages a:focus { outline: none; }

.pics { height: 480px; width: 780px; padding:0; margin:0 0 0 0; overflow: hidden; }
.pics img { margin:0 0 0 0; top:0; left:200px; cursor: hand; }

/* kontakt und info */

.kontakt { height: 200px; width: 980px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; line-height: 18px; color: #aaaaaa; float: right; text-decoration: none; text-align:right; padding-bottom: 10px; padding-top: 120px}
.kontakt a:link, .kontakt a:visited { color: #666666 } 
.kontakt a:hover, .kontakt a:active { color: #666666 }

.info { height: 200px; width: 980px;font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; line-height: 22px; color: #aaaaaa; float: left; text-decoration: none; text-align:left; padding-bottom: 10px; padding-top: 140px}
.info a:link, .info a:visited { color: #666666 } 
.info a:hover, .info a:active { color: #666666 }

.footnote {  line-height: 15px; color: #aaaaaa; font-family:Arial, Helvetica, sans-serif; padding-top: 90px; padding-left: 30px; width: 950px; height: 80px;font-size:10px;float: left; text-align: left; }.kontakt a:link, .kontakt a:visited { color: #666666 } 
.footnote a:link, .footnote a:visited, .footnote a:hover, .footnote a:active { color: #666666 }

.webdesign {  line-height: 15px; color: #aaaaaa; font-family:Arial, Helvetica, sans-serif;padding-top: 40px; width: 980px; height: 20px;font-size:10px;float: left; text-align: left; float: left;}
.webdesign a:link, .webdesign a:visited {  color: #aaaaaa; text-decoration: none;}
.webdesign a:hover, .webdesign a:active { text-decoration: underline;}


.copyright {  line-height: 15px; color: #aaaaaa; font-family:Arial, Helvetica, sans-serif;padding-top: 60px; width: 480px; height: 40px;font-size:10px;float: left; text-align: left; float: left;}

.haftung {  line-height: 15px; color: #aaaaaa; font-family:Arial, Helvetica, sans-serif;padding-top: 60px; width: 480px; height: 40px;font-size:10px;float: left; text-align: left; float: right;}