/* Eric Meyer: reset.css reloaded */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #000;
	background: #fff;
}
ol,ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,th,td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,blockquote:after,
q:before,q:after {
	content: "";
}
blockquote,q {
	quotes: "" "";
}

body {
	min-width: 620px;
	font: normal 100% 'Lucida Sans Unicode', Optima, 'Luxi Sans', 'Nimbus Sans', 'Lucida Sans Unicode', 'Bitstream Vera Sans', Arial, sans-serif;
	line-height: 1.4;
	background: #f9f9f5 url(../i/tan.png) repeat-x;
}

/* Methods */
/* Inline-block method */
.some_inlineblocks {
	margin: -0.5em -1.5em -0.5em -1.5em;
	text-align: left;
}
#work .some_inlineblocks {
	text-align: center;
}

.inlineblock {
	-moz-box-orient: vertical;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1.5em;
	list-style-type: none;
	text-align: left;
	vertical-align: top;
}

.inlineblock > div {
	display: table;
}

#work .cellwidth,
#work .inlineblock {
	width: 17.4em;
	max-width: 1024px;
}
#book .cellwidth, #book .inlineblock,
#contact .cellwidth, #contact .inlineblock,
#value .cellwidth, #value .inlineblock,
#about .cellwidth, #about .inlineblock,
#colleagues .cellwidth, #colleagues .inlineblock {
	width: 27.75em;
	max-width: 1024px;
}

/* clearfix method */

.clx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.escape {
	position: absolute;
	left: -99em;
}

/* measures */
.inner {
	max-width: 62em;
	min-width: 20em;
	margin: 0 auto;
}

.sectionpad {
	max-width: 59em;
	min-width: 17em;
	margin: 0 auto;
	padding: 0 1.5em 1.5em 1.5em;
	background-color: #fff;
	border: 1px solid #eee;
}
#work .sectionpad {
	padding: 1.5em;
}
.sectionpad p {
	margin: 0 0 1em 0.1em;
}

/* General */
h2 {
	margin: 1em 0 0 0;
	font-family: Palatino, "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 240%;
	line-height: 1.2;
	font-weight: normal;
	color: #60382f;
}


h3 {
	font: normal 130% 'Lucida Sans Unicode', Optima, 'Luxi Sans', 'Nimbus Sans', 'Lucida Sans Unicode', 'Bitstream Vera Sans', Arial, sans-serif;
	font-weight: normal;
	color: gray;
}

p {
	margin: 0 0 1em 0;
	color: #000;
}
#main a {
	font-weight: bold;
	color: #6190bd;
	text-decoration: underline;
}
#main a:hover {
	color: #000;
}
abbr, acronym {
	border-bottom: 1px dotted gray;
}

/* Service */
#service {
	padding: 0.4em 0 0.75em 3em;
	background-color: #9a7e48;
}
#service dl {
	float: left;
	width: 19em;
	white-space: nowrap;
	line-height: 1;
}
#service dt, #service dd {
	display: inline;
	color: white;
	font-size: 85%;
	line-height: 1.4;
}
#service dt.mail + dd {
	margin-right: 1em;
}
#service dd a {
	color: #cce4ff;
}
#service dd a:hover {
	color: #fff;
}

/* header */
#header {
	background: url(../i/header-bg-right.gif) repeat-x 0 100%;
	border: double #ffddb5;
	border-width: 3px 0;
}
#header .inner {
	position: relative;
	z-index: 1;
	background: url(../i/header-dolphin.gif) no-repeat 0 100%;
}
#header h1 {
	position: absolute;
	left: -99.5em;
	bottom: 0;
	width: 100em;
	height: 76px;
	background: url(../i/header-bg-left.gif) repeat-x 0 100%;
	color: #fff;
}

#intro {
	position: relative;
	padding: 0.25em 18em 90px 0;
	background: url(../i/header-logo.gif) no-repeat 100% 100%;
}

#whois {
	float: left;
	width: 95%;
}
#whois p {
	width: 50%;
	margin: 0.2em 0 0 2.5em;
	color: olive;
	font-size: 125%;
	line-height: 1;
}

#poem {
  font-family: Georgia, serif;
	font-style: normal;
	float: right;
	width: 18em;
	margin: 0 -18em 0 0;
	padding: 1.5em 0 0.5em 0;
	color: #60382f;
}
#poem blockquote {
	font-size: 80%;
}
#poem blockquote p {
	color: #60382f;
}
#poem cite {
	display: block;
	text-align: left;
	font-size: 72%;
}


/* Main Sections */
#main {
	padding: 2em 0 4em 0;
	background: url(../i/paperwovetan.gif);
}

#main h2 {
	margin: 1em 0 0.5em 0;
	padding: 0.275em 0 0.17em 0.5em;
	font-family: Palatino, "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 215%;
	line-height: 1.2;
	font-weight: normal;
	color: #804000;
	border: double #e6e6e6;
	border-width: 3px 0;
}

.section {
	margin: 0 0 2em 0;
}

/* Book section */

#book h3 {
	color: #9d573b;
}

#book h4 {
	color: #404040;
	font-weight:bold;
	margin: 0;
}


#book img {
	display: block;
	margin: 0 0 2em 0;
}

#book span {
	display: block;
}

.choose {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}

.choose li {
	display: inline;
	margin: 0 1em 0 0;
}

#toc, #toc * {
	display: inline;
}

#book .vor {
  margin-top: 1em;
}
#book h3.runin {
	color: #ABA959;
	display: inline;
	font-size: 100%;
	font-weight: bold;
}

#toc li.assoc {
	color: #ABA959;
}
#toc .part {
	font-weight: bold;
	color: #804000;
}
#toc .part b {
	font-weight: bold;
}
#toc .part li {
	font-weight: normal;
	color: #000;
}
#toc .part li b {
	color: #ABA959;
}


/* Work section */
#work h3 {
	width: 5em;
	margin: 0 0.6em 0.5em 0.45em;
	font-family: Palatino, "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 220%;
	line-height: 0.9em;
	text-transform: lowercase;
}
#work h3 i {
	font-style: normal;
}

.c1 {
	color: #ff663c;
}
.c2 {
	color: #ff3d3d;
}
.c3 {
	color: #c7844e;
}
.c4 {
	color: #3dc071;
}
.c5 {
	color: #a8514d;
}
.c6 {
	color: #00acac;
}
.c7 {
	color: #5171f6;
}

#work p {
	margin-left: 1em;
	margin-right: 1em;
}
#work p:first-line {
	color: #404040;
	font-weight: bold;
}
#work .cellpad {
	padding: 1em 0 0.5em;
	border: 1px dotted #e6e6e6;
}

#about img {
	display: block;
	border: 1px solid #e6e6e6;
	padding: 2px;
}

/* Contact section */

#contact h3 {
	margin: 1em 0 0 0;
	color: #9d573b;
}
#contact p.address {
	color: #222;
	line-height: 1.2;
}
#contact p.address b {
	color: #804146;
}
#contact img {
	display: block;
	margin: 0 auto;
	padding: 6px;
	border: 3px double #e6e6e6;
}

#colleagues .ulinks {
	margin: 0;
	padding: 0 0 0 2em;
}
#colleagues .ulinks li {
	padding: 0 0 0.15em 0;
	list-style-type: none;
	list-style-position: inside;
	font-weight: bold;
	color: #996633;
}
#colleagues .ulinks a {
	text-decoration: none;
}
#colleagues h4 {
	margin: 1em 1em 0.5em 0;
	padding: 0.275em 0 0.17em 0.5em;
	font-family: Palatino, "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 150%;
	line-height: 1.2;
	font-weight: normal;
	color: #aba959;
	border: double #e6e6e6;
	border-width: 3px 0;
}

/* Arbeit fuers web logo */
#whois h2,
#colleagues h5 {
	width : 15%;
	margin: 0.75em 0 0 0;
	font: 280% Palatino, "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	line-height: 0.5;
	font-weight: normal;
	color: #808000;
}
#whois h2 b,
#colleagues h5 b {
	margin: 0 0 0 0.9em;
	color: #804000;
	font-weight: normal;
}
#whois h2 i,
#colleagues h5 i {
	margin: 0 0 0 0.5em;
	color: #804000;
	font-style: normal;
}
#whois h2 *,
#colleagues h5 * {
	position: relative;
	display: block;
}

/* credits lines */
dl#credits {
	padding: 0 13em 0 0;
}
#credits dt {
	float: left;
	width: 100%;
	text-align: right;
}
#credits dd {
	float: right;
	width: 12em;
	margin: 0 -12.5em 0 0;
	text-align: left;
	color: #804146;
}