body {
 font-family: Helvetica, Arial, sans-sarif;
 font-size: 75%;
 background: #fff;
 margin: 0;
 padding: 0;
 line-height: 1.4em;
}
img {
 behavior: url("js/pngbehavior.htc");
}
a {
 color: #949494;
 text-decoration: none;
}
a:hover {
 color: #cf0d23;
}
a img {
 border: none;
}
h3 {
 font-weight: normal;
}
#container {
 min-width: 1000px;
 width: 100%;
 margin: 0;
 padding: 0;
 background: url(../pixel/header_streifen.jpg) no-repeat top left;
}
* html #container {
 width: expression(document.body.clientWidth < 1000 ? "1000px": "auto" );
}
#photo {
 position: absolute;
 left: 600px;
 top: -72px;
}

#blog {
 width: 330px;
 float: left;
 margin: 100px 20px 0 25px;
 font-size: 1.2em;
}
* html #blog {
 margin-left: 0;
 padding-left: 10px;
}
#blog h2 {
	background: url(../pixel/junophoto_blog_headline.png) no-repeat top left;
	text-indent: -1000px;
	overflow:hidden;
}
#about {
 width: 215px;
 margin-right: 20px;
 float: left;
}
#about p {
text-align: justify;
}
#header {
 height: 201px;
 width: 215px;
 text-align: center;
 background: #fff url(../pixel/header_background_start.jpg) no-repeat bottom right;
 margin: 0;
 padding: 0;
 margin-bottom: 33px;
}
#header h1 {
 margin: 0;
 padding: 0;
 height: 50px;
}
#header h1 a {
 display: block;
 height: 52px;
 background: url(../pixel/junophoto_headline.png) no-repeat 18px 0px;
 text-indent: -500px;
 overflow:hidden;
}
#header ul {
 list-style: none;
 padding: 0;
 margin: 0;
 margin-top: 8px;
 padding-left: 16px;
}
#header li {
 float: left;
 width: auto;
 padding: 0;
 margin: 0;
}
#header li a {
 display: block;
 overflow: hidden;
 text-indent: -1000px;
 height: 50px;
 margin-top: 25px;
}
#header li a#navi_works {
 width: 50px;
 background: url(../pixel/navi_works.png) no-repeat top center;
}
#header li a:hover#navi_works {
 background: url(../pixel/navi_works-over.png) no-repeat top center;
}
#header li a#navi_art {
 width: 40px;
 background: url(../pixel/navi_art.png) no-repeat top center;
}
#header li a:hover#navi_art {
 background: url(../pixel/navi_art-over.png) no-repeat top center;
}
#header li a#navi_impressum {
 width: 90px;
 background: url(../pixel/navi_impressum.png) no-repeat top center;
}
#header li a:hover#navi_impressum {
 background: url(../pixel/navi_impressum-over.png) no-repeat top center;
}
#header h2 {
 clear: left; 
 display: block;
 height: 52px;
 width: 215px;
 background: url(../pixel/nowak_katz_headline.gif) no-repeat top center;
 text-indent: -1000px;
 overflow:hidden;
 margin: 0;
 padding: 0;
}

#works, #art {
 width: 175px;
 margin-right: 15px;
 float: left;
 margin-top: 220px;
}
#works ul, #art ul {
 margin-left: -2em;
}

* html #works ul, * html #art ul {
 margin-left: 0;
}

#footer {
 clear: both;
 padding-top: 25px;
 padding-left: 375px;
 padding-bottom: 10px;
 height: 20px;
 background: url(../pixel/footer.jpg) no-repeat bottom left;
}
#footer p {
 width: 220px;
 text-align: center;
}
.feature {
 list-style: none;
 margin: 0;
 padding: 0;
}
.feature li {
 float: left;
 width: 70px;
 text-align: center;
}

#about h3 {
 color: #3a7996;
 background: url(../pixel/headline_wer.png) no-repeat top left;
 text-indent: -1000px;
 overflow: hidden;
}
#about h3#featured  {
	background: url(../pixel/headline_featured.png) no-repeat top left;
}
#works h3 {
 color: #606441;
 background: url(../pixel/headline_works.png) no-repeat top left;
 text-indent: -1000px;
 overflow: hidden;
}
#art h3 {
 color: #e54525;
  background: url(../pixel/headline_art.png) no-repeat top left;
 text-indent: -1000px;
 overflow: hidden;
}