body  {
background : #808080 url(images/hintergrund.jpg) repeat-x;
text-align : center;
margin : 0;
padding : 0 0 25px 0;
font : 100% georgia, serif;
color : #333333;
} 
/* Allgemeingueltige Klassen und Elemente */
img {
    border: none;
}

code {
    font: 14px consolas, 'courier new', monospace;
    color: #900;
}

pre {
    overflow: auto; padding: 1em;
    font-size: 1em;
}

h1, h2, h3 {
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	visibility: inherit;
	cursor: crosshair;
	text-decoration: underline;
	clear: both;
}

a {
	color: #000000;
	font-weight: bold;
}
a:hover {
    text-decoration: none;
    background: #fff;
}

.bild-links { /* Diese Klasse vergeben Sie einem Bild welches links ausgerichtet werden soll */
    float: left;
    margin: .1em 1em .4em 0;
}

.bild-rechts { /* Diese Klasse vergeben Sie einem Bild welches rechts ausgerichtet werden soll */
    float: right;
    margin: .1em 0 .4em 1em;
}

.bild-abstand img {
    margin: 0 .5em .5em 0; /* Bilder innerhalb dieses Elements bekommen zusaetzlichen Abstand */
}

.clearer {
    clear: both; /* hebt die vorhergehenden Floats auf */
}

/*
* Hauptbereich: #container
 */

#container {
    text-align: left; margin: 0 auto;
    width: 860px;
    background: url(images/container.jpg) repeat-y right center;
}

/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
 */
#kopfbereich  {
background : url(images/kopfbereich_1.jpg) no-repeat;
height : 25px;
max-height : 68px;
padding : 100px 85px 110px 85px;
} 
#kopfbereich h1 {
	font-size: 2.5125em;
	margin: 0;
	font-style: italic;
	color: #323232;
}

#kopfbereich h1 a {
    font-size: 1.4125em; 
    color: #898;
    text-decoration: none;
}
#kopfbereich h1 a:hover {
    background: transparent;
}

#kopfbereich h2 {
    font-size: 1.25em; font-style: italic;
    margin: 5px 0 0 0;
 }
#kopfbereich h2, #kopfbereich h1 span {
	color: #808080;
}


/*
* Hauptbereich: #container
** Unterbereich: #mitte
 */
#mitte {
	font-size: .9375em;
	padding-bottom: 2em;
	background: url(images/mitte.jpg) no-repeat bottom right;
	padding-top: 50px;
}

/*
* Hauptbereich: #container
** Unterbereich: #mitte
*** Abschnitt: #inhalt
 */
#inhalt {
    float: right;
    width: 37em; max-width: 585px;
    margin-right: 35px;
}
#inhalt h3 {
    font-size: 1.333em;
    margin-top: 0; margin-bottom: .25em;
}
#inhalt a:hover {
    color: #fff;
    background: #453;
    text-decoration: underline;
}

#inhalt p {
    margin-top: 0; margin-bottom: 1em;
}


/*
* Hauptbereich: #container
** Unterbereich: #mitte
*** Abschnitt: #sidebar
 */

#sidebar #sidebar-innen {
    width: 195px;
    margin: 5px 0 10px 5px;
    padding: 2em 0 3em 0;
}

#sidebar ul {
    list-style: none;
    padding-left: 0; margin-left: 0; margin-top: 0;
    background: url(images/listen-element.jpg) no-repeat;
}
#sidebar ul li {
    background: url(images/listen-element.jpg) no-repeat bottom left;
    padding: 1px 0;

}

#sidebar ul a {
    text-decoration: none;
    font-size: 1.125em;
    padding: 7px 12px 7px 22px;
    display: block;
}
#sidebar ul a:hover, #sidebar .aktiv a {
    background: #faf9f5 url(images/listen-icon.jpg) 5px center no-repeat;
    color: #564;
}
<style type="text/css">
/*<![CDATA[*/
 
    #navigation {
      float: left;
      width: 12em;
    }
    #navigation a {
      color: #fff;
      text-decoration: none;
      display: block;
      padding:.2em .5em;
      background:  #333333;
            border-bottom: 1px solid #000;
    }
    #navigation ul {
      position: absolute;
      left:-9999px;
      width:5em;
    }
    #navigation li:hover ul,
    #navigation li.sfhover ul {
      left: 10em;
      top:.85em;
    }
    /* Containing Block für absolute Positionierung -- erst bei Hover! */
    #navigation li:hover,
    #navigation li.sfhover {
      position: relative;
    }
    /* Den Hovereffekt in der ersten Listenebene behalten, wenn die zweite gehovert wird */
    #navigation li:hover a,
    #navigation li.sfhover a {
      background: #ccc; /* grau */
    }
    /* Einfärbung der zweiten Menüebene */
    #navigation li:hover li a,
    #navigation li.sfhover li a {
	background: #990000; /* rot */
	color: #fff;
	padding: 0,2em .0,1em;
}
    /* Hovereffekt in der zweiten Menüebene */
    #navigation li li a:hover {
      color: #000;
      background: #ccc
    }
/*]]>*/
</style>
<!--[if lte IE 7]><style type="text/css">
    /* IE 7: White Space Bug */
    #navigation a {
      min-height: 0;
    }
    /* IE <= 6: Gesamte Linkfläche sensitiv */
    * html #navigation a {
      height: 1px;
    }
    /* IE <= 6: White-Space-Bug */
    * html #navigation li {
      display: inline;
      zoom: 1;
      height /**/:1px;
    }
  </style><![endif]-->
<!--[if lt IE 7]><script type="text/javascript">
    // Son of Suckerfish Dropdowns 
    // http://htmldog.com/articles/suckerfish/dropdowns/

    sfHover = function() {
      var sfEls = document.getElementById("navigation").getElementsByTagName("LI");
      for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
          this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
          this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
      }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);

  </script><![endif]-->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="shortcut icon" href="../images/favicon.ico" />
<title>Künstler Kunst im Schaufenster</title>

<style type="text/css">
/*<![CDATA[*/











.style1 {
        list-style-image: url('../images/fancy_shadow_e.png');
}
/*]]>*/
</style>


/*
* Hauptbereich: #container
** Unterbereich: #footer
 */

#footer {
    background: url(images/footer.jpg) no-repeat bottom right;
    padding: 2px 35px 2px 85px;
    line-height: 1.5;
    font-size: .9375em;
   }
   
   .style5 {
	text-align: center;
}