/*** Colors ********************************************************/

/* Four Levels of Color, going from Dark to Light, called C1 to C4 */

/* C1 : Black */
/* C2 : Gray */
/* C3 : LightGrey */
/* C4 : WhiteSmoke */

/*** color ***/

/* Text and Anchors are C1 */

body, td {
	color: black;
}

/*** border-color ***/

/* Every border is C1 */

.box, #content  {
	border-color : black;
}

/*** background-color ***/

/* Every Background, including hovered Anchors in the Intro is C4 */

body, .box, #content {
	background-color: WhiteSmoke;
}

/* Hovered Anchors (even around Images), fixed Lines in the Box and
** the Intro get C3 */

.box div, .box-title {
	background-color: LightGrey;
}

/*** Common Definitions ********************************************/

/* Set global Background and always justify Text */

body {
/*	background-image: url(http://www.tfanslau.de/tfanslau/images/background.jpg); */
	text-align: justify;
	font-family: Georgia, Times, "Times New Roman", serif;
}

/* All Images have no border */

img {
	border-width: 0;
}

.tag-underline {
	border-style: solid;
	border-width: 0 0 0.2ex 0;
}

.very-small-super {
	font-size: xx-small;
	text-decoration: underline;
}

code {
  font: bold 90% monospace;
}

acronym {
/*	background-color: inherit;
	color: inherit;
*/
	border-style: groove;
	border-width: 0 0 0.2ex 0;
}

.title {
	text-align: center;
}

.warning {
	border-style: solid;
	border-color: black;
	padding: 0 1ex 0 1ex;
	border-width: 0 1ex 0 1ex;
}

/* Position main output window */

#top {
	width: 79ex;
}

/* Blind Text */

#blind-text {
	display: none;
}

/* On top the Logo */

#logo img {
	width: 78ex;
}

/* Top and bottom borders on each Box */

#content {
}

/* Boxes are floating left, have a fixed width and a top and bottom border */

.box {
}

/* Entries in Boxes */

.box-title, .box div {
	text-decoration: none;               /* No Underlines on Links */
	padding: 0.4ex 0.4ex 0.4ex 0.4ex;
/*	display: block; */
}

/* Content is a bigger Box in the space right to the boxes */

#content {
	padding: 1ex 2ex 1ex 2ex;
	width: 60ex;                        /* Top - Margins */
	position: relative;
}

#content-language {
	text-align:right;
}

#content pre {
	text-align: left;
	text-indent: 0;
	font-size: 50%;
}

/* Intro is a box in the Content that stands out and shows comments to the Content */

#intro {
	padding: 1ex 2ex 1ex 2ex;
	margin-bottom: 2ex;
}

/* Headline of the Intro */

#intro-title {
	text-align: center;
}

/* Paragraphs in the Intro are packed */

#intro p {
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
	padding-bottom: 0;
	padding-top: 0;
}

/* And Images are placed outside the actually box, even outside the main output window */

.intro-img {
	position: absolute;
	left: 65ex;
	top: 0;
}

/*** Below the Intro is the actual Content *************************/

/* Blogs are Dated Entries like in Weblogs */

.blog {
	margin-bottom: 2ex;
}

.blog, .blog ul {
	text-indent: -2ex;
	padding-left: 2ex;
	list-style: none;
}

.blog-noindent {
	text-indent: 0;
	padding-left: 0;
}

.blog ul li {
	padding-left: 2ex;
}

.blog p {
	margin-bottom: 2ex;
	text-indent: 0;
}

/* The Date itself */

.blog-date {
	font-weight: bold;
	margin-right: 0.2ex;
}

/* Images in the blog */

.blog img {
/*	clear: right;
	float: right; */
	padding: 1ex 1ex 1ex 1ex;
}

.blog-continue {
	text-align: right;
/*	clear: both; */
	margin: 0 0 3ex 0;
}

/* Books */

.book {
	padding: 1ex 2ex 1em 2ex;
	margin-bottom: 2ex;
}

.book img {
	border-style: solid;
	border-width: 0.2ex;
	margin: 0 2ex 0 0.5ex;
/*	clear: left;
	float: left; */
}

.book-year {
	display:none;
}

/* Footer */

.footer {
	padding-bottom: 3ex;
}

.footer-right {
/*	float: right; */
}

.footer-left {
/*	float: left; */
}

#cssweiche {
}

/* */