/* Standard Stylesheet
www.katrinhieronimus.de
Start: 04.02.2007
Letzte Aenderung: 04.02.2007
*/
/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/* Allgemeines */
body {
	font-size: 77%;
	line-height: 1.2em;
	color: #333;
	background: #fff;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

a {
	font-weight: bolder;

	}

a:link {
	color: #333;
	background-color: #fff;
	text-decoration: none;
}

a:visited {
	color: #333;
	background-color: #fff;	
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Clear Class */
.c {
	clear: both;
}

img, a img {
	border: 0;
}

.keine-anzeige {
	display: none;
}

/* Absaetze */
p {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0.5em 0;
	clear: both;
}

/* Kleinerer Text */
.s {
	font-size: 0.9em;
}

/* Links- bzw. Rechtsausrichtung für Elemente */
.leftalign {
	float: left;
	margin: 0 0.5em 0 0;
}

.rightalign {
	float: right;
	margin: 0 0 0 0.5em;
}

h1 {

}

h2 {
	font-weight: bold;
	font-size: 110%;
}

h3 {
	font-weight: bold;
	font-size: 100%;

}

h4 {

}

dl.table-display, dl.dates
{
width: 33.6em;
margin: 0 0 .5em 0;
padding: .3em 0 0 0;
float: left;
}

.table-display dt, .dates dt
{
width: 11em;
float: left;
margin: 0 0 0 0;
padding: 0 .5em .1em 0;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd, .dates dd
{
float: left;
width: 16em;
margin: 0 0 0 0;
padding: 0 .5em .1em 0;
}


dl.credits
{
width: 21.1em;
margin: 0;
padding: .3em 0 0 0;
float: left;
margin-bottom: 18px;
}

.credits dt
{
width: 8em;
float: left;
margin: 0 0 0 0;
padding: .2em .5em .5em 0;

}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.credits dd
{
float: left;
width: 10em;
margin: 0 0 0 0;
padding: .2em .5em .5em 0;
}



.replace {
	background: no-repeat 0 0;
	display: block;
	height/**/:/**/ 0 !important;
	overflow: hidden;
}

#hl_kontakt {
	height: 20px;
	padding-top: 20px;
	background-image: url(../i/hl_kontakt.gif);
}

#hl_presse {
	height: 20px;
	padding-top: 20px;
	background-image: url(../i/hl_presse.gif);
}

#hl_links {
	height: 20px;
	padding-top: 20px;
	background-image: url(../i/hl_links.gif);
}


#hl_vita {
	height: 20px;
	padding-top: 20px;
	background-image: url(../i/hl_vita.gif);
}


#hl_about {
	height: 20px;
	padding-top: 20px;
	background-image: url(../i/hl_about.gif);
}

#hl_aktuell {
	height: 20px;
	padding-top: 20px;
	background-image: url(../i/hl_aktuell.gif);
}


#hl_arbeiten {
	height: 20px;
	padding-top: 20px;
	background-image: url(../i/hl_arbeiten.gif);
}


#arbeiten_liste li {
	margin: .5em 0 .5em 0;
	font-weight: normal;
}

#arbeiten_liste li.head  {
	font-weight: bolder;
}

#arbeiten_liste li.head_sub  {
	margin: 1.8em 0 .5em 0;
	font-weight: bolder;
}


/* Layout */
#wrapper {
}

#content_wrapper {
	width: 831px;
	height: 500px;
	background: #ffffff url(../i/bg_content_wrapper.png) top left repeat-y;
	text-align: center;
	margin-left: 90px;
	_margin-top: -5px;
}


#header {
	width: 831px;
	height: 20px;
	background: #ffffff url(../i/bg_header.png) no-repeat bottom;
	text-indent: -999999px;
	text-align: center;
	margin-left: 90px;

}

#navi {
	float: left;
	width: 191px;
	height: 500px;
	_height: 420px;
	margin-top: 80px;
	text-align: left;

}

#navi ul {
	list-style: none;
	text-align: right;
	margin-left: 80px;
	padding: 0;
	}


#navi li a {
  display: block;
  width: 100px;
  height: 38px;
  background: url(../i/main_nav.png) no-repeat top left;
}

#navi li a span
{
  display:none;
}

#navi-about a:link, #navi-about a:visited, #navi-about a:active { background-position:0px 0px; }
#navi-about a:hover { background-position:0px -228px; }

#navi-vita a:link, #navi-vita a:visited, #navi-vita a:active { background-position:0px -38px; }
#navi-vita a:hover { background-position:0px -266px; }

#navi-arbeiten a:link, #navi-arbeiten a:visited, #navi-arbeiten a:active { background-position:0px -76px; }
#navi-arbeiten a:hover { background-position:0px -304px; }

#navi-presse a:link, #navi-presse a:visited, #navi-presse a:active { background-position:0px -114px; }
#navi-presse a:hover { background-position:0px -342px; }

#navi-links a:link, #navi-links a:visited, #navi-links a:active { background-position:0px -152px; }
#navi-links a:hover { background-position:0px -380px; }

#navi-kontakt a:link, #navi-kontakt a:visited, #navi-kontakt a:active { background-position:0px -190px; }
#navi-kontakt a:hover { background-position:0px -418px; }


#content_home {
	float: left;
	width: 629px;
	height: 500px;
	margin: 0;
	text-align: left;
}

#content_plain {
	float: left;
	width: 380px;
	height: 410px;
	margin-top: 90px;
	margin-left: 152px;
	text-align: left;
}


#content_plain_about {
	float: left;
	width: 380px;
	height: 410px;
	padding-top: 90px;
	padding-left: 152px;
	text-align: left;
	background: url(../i/bg_about.jpg) bottom left no-repeat;
}

#content_plain_vita {
	float: left;
	width: 380px;
	height: 410px;
	padding-top: 90px;
	padding-left: 152px;
	text-align: left;
	background: url(../i/bg_vita.jpg) top left no-repeat;
}

#content_plain_presse {
	float: left;
	width: 380px;
	height: 410px;
	padding-top: 90px;
	padding-left: 152px;
	text-align: left;
	background: url(../i/bg_presse.jpg) bottom left no-repeat;
}

#content_plain_links {
	float: left;
	width: 380px;
	height: 410px;
	padding-top: 90px;
	padding-left: 152px;
	text-align: left;
	background: url(../i/bg_links.jpg) top left no-repeat;
}

#content_plain_kontakt {
	float: left;
	width: 380px;
	height: 410px;
	padding-top: 90px;
	padding-left: 152px;
	text-align: left;
	background: url(../i/bg_kontakt.jpg) top left no-repeat;
}


#content_plain_arbeiten {
	float: left;
	width: 380px;
	height: 410px;
	padding-top: 90px;
	padding-left: 152px;
	text-align: left;
	background: url(../i/bg_arbeiten_start.jpg) top left no-repeat;
}

#content_plain_einzelarbeiten {
	float: left;
	width: 587px;
	height: 348px;
	padding-top: 90px;
	padding-left: 32px;
	text-align: left;
}

#content_plain_einzelarbeiten.antonreiser { background: url(../arbeiten/antonreiser/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.diegerechten { background: url(../arbeiten/diegerechten/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.fettesschwein { background: url(../arbeiten/fettesschwein/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.freerainer { background: url(../arbeiten/freerainer/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.genua01 { background: url(../arbeiten/genua01/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.gespenster { background: url(../arbeiten/gespenster/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.klassenfeind20 { background: url(../arbeiten/klassenfeind20/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.kriech { background: url(../arbeiten/kriech/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.maibohrung { background: url(../arbeiten/maibohrung/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.platonow { background: url(../arbeiten/platonow/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.prothesenrealismus { background: url(../arbeiten/prothesenrealismus/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.steppingover { background: url(../arbeiten/steppingover/g_1_image.jpg) top right no-repeat; }
#content_plain_einzelarbeiten.weltverbesserungsmassnahmen { background: url(../arbeiten/weltverbesserungsmassnahmen/g_1_image.jpg) center right no-repeat; }
#content_plain_einzelarbeiten.werwolf { background: url(../arbeiten/werwolf/g_1_image.jpg) top right no-repeat; }

#arbeiten_liste {
	height: 388px;
	width: 430px;
	overflow: auto;
	padding-right: 20px;
}

#vita_liste {
	height: 388px;
	width: 430px;
	overflow: auto;
	padding-right: 20px;
}

#vita_liste h3 {
	margin: 18px 0 18px 0;
	}


#vita_liste a, #content_plain a, #content_plain_kontakt a, #content_plain_links a {
	background: url(../i/link_star.gif) center right no-repeat;
	padding-right: 10px;
	}


#arbeiten_liste a {
	font-weight: normal;
	background: url(../i/link_star.gif) center right no-repeat;
	padding-right: 10px;
	}

#arbeiten_liste a:hover {
	font-weight: normal;
	color: #003000;
	}




#einzelarbeiten_left {
	width: 250px;
	height: 310px;
}


#einzelarbeiten_left h2 {
	text-transform: uppercase;
	font-size: 130%;
}

.aktuell {
margin-bottom: 2em;
}

.aktuell h2 {
	text-transform: uppercase;
	font-size: 100%;
	margin: 0;
}

#einzelarbeiten_left h3 {
	margin-bottom: 0.3em;
}

#einzelarbeiten_left h3.autor {
	margin-bottom: 0.3em;
	font-size: 90%;
}

.aktuell h4 {
	margin: 0;
	font-size: 90%;
}




#einzelarbeiten_thumbnails {
	width: 620px;
	height: 62px;
	background-color: #b5b5b5;
	float: left;
	text-align: right;
}

#footer {
	width: 831px;
	height: 104px;
	background: #ffffff url(../i/bg_footer.png) no-repeat left top;
	text-align: center;
	margin-left: 90px;
}

#footer p {
	margin: 0;
	padding: 0;
	text-indent: -999999px;

}

.thumbnail {
height: 62px;
background-color: #b5b5b5;

}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width: 620px;
height: 438px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
text-align: right;
top: 20px;
left: 281px; /*position where enlarged image should offset horizontally */
z-index: 50;
}