@charset "utf-8";






/* DEFAULTS */


*
{
	padding: 0;
	border: 0;
	margin: 0;
	
	background-color: transparent;
}


:link,    :visited,
:link:hover,    :visited:hover,
:link:active,    :visited:active
{
	text-decoration: none;
	color: inherit;					/* not good enough for IE 5,6 */
	background-color: inherit;
}






/* CANVAS centered in window, background with shadows */

body
{
	text-align: center;				/* to center div#canvas in IE 5.5 */
	
	background-image: url(../-img/background-216.png);
}


div#canvas
{
	position: relative;
	width: 1057px;					/* 1009 + 2*24 shadow */
	padding-bottom: 48px;			/* 24px space for lower shadow + div#book->top: 24px */
	margin: 16px auto 16px auto;

	background-color: #f8f8f8;
	background-image: url(../-img/background-1057.png);
	background-repeat: repeat-y;

	text-align: left;
}


div#canvas  div#canvas-hook-1
{
	position: absolute;
	top: 0;
	width: 1057px;
	height: 48px;
	
	background-image: url(../-img/background-top-1057.png);
}


div#canvas  div#canvas-hook-2
{
	position: absolute;
	bottom: 0;
	width: 1057px;
	height: 48px;
	
	background-image: url(../-img/background-bottom-1057.png);
}






/* BOOK within shadows */


div#book
{
	position: relative;
	width: 1009px;					/* (72+73+72) + (72 + 216 + 72 + 288 + 72 + 72) */
	top: 24px;
	left: 24px;
	right: 24px;
	margin-bottom: 96px;			/* margin, div#book-tailpiece below */
}






/* BOOK-TITLE */


div#book-title
{
	position: relative;
	height: 217px;					/* 72 + 73 + 72 */
}


div#book-title  div#logo
{
	position: relative;				/* to anchor p#raum-im-raum to the bottom of the 217x217px square */
	width: 217px;					/* 72 + 73 + 72 */
	height: 217px;					/* 72 + 73 + 72 */
}


div#book-title  div#logo  img#vaastu-raum-logo-73
{
	position: absolute;
	top: 72px;
	left: 72px;
}


div#book-title  div#logo  p#raum-im-raum
{
	position: absolute;
	width: 217px;					/* 72 + 73 + 72 */
	bottom: 0px;

	text-align: center;
	font-family: "Lucida Grande", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 10px;
	
	color: #ff981d;
}


div#book-title  div#logo  p#raum-im-raum  img#little-square
{
	position: relative;
	height: 4px;
	width: 4px;
	bottom: 1px;
	
	color: inherit;
	background-color: #ff981d;
}


div#book-title  div#nameplate
{
	position: absolute;
	width: 288px;
	height: 73px;
	top: 72px;						/* opposite img#vaastu-raum-logo-73 */
	left: 217px;

	font-family: "Lucida Grande", "Verdana", sans-serif;
	text-align: right;

	color: #f0f0e0;
}


div#book-title  div#nameplate  p#doris-buchner		
{
	position: absolute;
	width: 216px;
	height: 24px;
	top: 10px;
	right: 0;
	
	font-size: 24px;
	font-weight: bold;
}


div#book-title  div#nameplate  p#architektin
{
	position: absolute;
	width:216px;
	height: 24px;
	top: 38px;
	right:0;
	
	font-size: 21px;
}
	
	




/* BOOK-NAVIGATION */


div#book-navigation
{
	float: left;
	width: 217px;					/* 72 + 73 + 72 */
	padding-top: 29px;
	padding-bottom: 48px;
	
	font-family: "Verdana", sans-serif;
	line-height: 16px;
}


div#book-navigation  ol.nav1
{
	width: 169px;					/* redundant, to prevent IE 5.5, 6 from displaying too much vertical space, but IE 5.5 gets too much left indent TODO? */
	margin: 0 24px 0 24px;
}

	
div#book-navigation  ol
{
	margin: 0 8px 0 8px;			/* each subsequent level smaller than the previous */

	list-style-type: none;
}


div#book-navigation  ol  li	 a		/* all topics */
{
	display: block;
	width: 100%;					/* redundant, to prevent IE 5.5, 6 from displaying too much vertical space */

	font-weight: bold;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


div#book-navigation  ol.nav1  li  a
{
	margin-top: 72px;
	
	font-size: 12px;
		
	color: #704020;
	border-bottom-color: #704020;
}

	
div#book-navigation  ol.nav1  ol.nav2  li  a
{
	margin-top: 24px;
	
	font-size: 11px;
	
	color: #805030;
	border-bottom-color: #805030;
}
	
	
div#book-navigation  ol.nav1  ol.nav2  ol.nav3  li  a
{
	margin-top: 16px;
	
	color: #906040;
	border-bottom-color: #906040;
}


									/* only topics without subtopics */
div#book-navigation  ol.nav1  li.leaf  a,
div#book-navigation  ol.nav1  ol.nav2  li.leaf  a,
div#book-navigation  ol.nav1  ol.nav2  ol.nav3  li.leaf  a,
div#book-navigation  ol.nav1  ol.nav2  ol.nav3  ol.nav4  li.leaf  a
{
	margin-top: 8px;
	
	font-weight: normal;

	border: none;
}


div#book-navigation  ol.nav1  li  a:hover,
div#book-navigation  ol.nav1  ol.nav2  li  a:hover,
div#book-navigation  ol.nav1  ol.nav2  ol.nav3  li  a:hover,
div#book-navigation  ol.nav1  ol.nav2  ol.nav3  ol.nav4  li  a:hover
{
	color: #fffff0;
	background-color: #802028;
}


div#book-navigation  ol.nav1  li  a.current,
div#book-navigation  ol.nav1  ol.nav2  li  a.current,
div#book-navigation  ol.nav1  ol.nav2  ol.nav3  li  a.current,
div#book-navigation  ol.nav1  ol.nav2  ol.nav3  ol.nav4  li  a.current
{
	color: #ff981d;
	background-color: inherit;
	
	cursor: default;
}






/* BOOK-CONTENT */


div#book-content
{
	margin-left: 217px;				/* 72 + 73 + 72 */
}
	
	




/* PAGE within BOOK-CONTENT */

div#page
{
	width: 720px;					/* width for IE 5.5, 6 to not display bogus 3px inset along float */ 
}

div#page  div#page-content
{
	font-family: "Lucida Grande", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;

	color: #e0a888;
}


div#page  div#page-content  strong
{
	font-size: larger;
}


div#page  div#page-content  span.foreign-language
{
	font-style: italic;
}


div#page  div#page-content  h1  span.foreign-language,
div#page  div#page-content  h2  span.foreign-language
{
	font-style: normal;
}


div#page  div#page-content  p
{
	padding: 8px 72px 8px 360px;
}


div#page  div#page-content  p  span.tiny
{
	font-size: 9px;
}


div#page  div#page-content  :link,
div#page  div#page-content  :visited
{
	text-decoration: underline;

	color: #e0a888;
}


div#page  div#page-content  a:hover
{
	color: #fffff0;
}


div#page  div#page-content  ol
{
	padding: 0 72px 0 384px;
	
	list-style: disc;
}


div#page  div#page-content  ol  li
{
	padding-top: 4px;
	padding-bottom: 4px;
}


div#page  div#page-content  ol#sub  li
{
	padding-top: 16px;
	padding-bottom: 0px;
}


div#page  div#page-content  ol#sub p
{
	padding: 0 0 0 0;
}


div#page  div#page-content  h1
{
	padding: 72px 72px 0 360px;
		
	font-weight: bold;
	font-size: 15px;
	
	color: #f09040;
}


div#page  div#page-content  h2
{
	padding: 24px 72px 0 360px;
	
	font-weight: bold;
	font-size: 12px;
	
	color: #f09040;
}


div#page  div#page-content  div.image-frame
{
	float: left;
	position: relative;
	width: 288px;					/* 72 + 216 */
}


div#page  div#page-content  div.image-frame  img
{
	position: absolute;
	top: 18px;
	right: 0;
}






/* BOOK-TAILPIECE */


div#book-tailpiece
{
	clear: both;
	position: relative;				/* to anchor p */
}


div#book-tailpiece  img
{
	position: absolute;
	top: 72px;
	left: 169px;
}


div#book-tailpiece  p
{
	position: absolute;
	top: 72px;
	right: 144px;
	
	font-family: "Lucida Grande", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 8px;
	line-height: 24px;

	color: #905040;
	color: #a04030;
}