/********************
* direct element formatting
********************/
body {
	margin:6px;
	text-align:center;
	background-color:gray;
	font-family:Tahoma,Arial,Helvetica;
	font-size:1em;
}

h1 {
	font-size:1.2em;
	letter-spacing:0.08em;
	color:white;
}

h2 {
	font-size:1em;
	letter-spacing:0.04em;
}

h3 {
	font-size:1em;
}

input, textarea {
	border:1px inset black;
	font-size:1em;
}

button {
	border:1px solid black;
	background-color:white;
	color:black;
	font-size:1em;
}
/********************
* relative element formatting
********************/
.rahmen {
	border-top:1px solid #8CAAD6;
	border-right:1px solid #29517B;
	border-bottom:1px solid #29517B;
	border-left:1px solid #8CAAD6;
}

.code div {
	margin:0.5em 1em 0.5em 1em;
}

.code td.var {
	vertical-align:top;
	white-space:nowrap;
}

.code span.var {
	color:white;
	font-weight:bold;
}

.code .test {
	position:absolute;
}

.code .cont {
	color:black;
	font-weight:bold;
}

div.about {
	background-image:url(/gfx/daooze.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:black;
}

div.about div.code {
	width:652px;
	background-color:#4D82BB;
	font-family:monospace;
	color:#386BA2;
	overflow:hidden;
}

.contact {
	text-align:center;
}

.contact table {
	text-align:left;
	display:inline;
}

.contact table td {
	vertical-align:top;
}

.contact table .sig {
	text-align:right;
}

.contact input,
.contact textarea {
	width:100%;
	font-family:monospace;
}
/********************
* id element formatting
********************/
#page {
	width:782px;
	margin:0px auto 0px auto;
	/* padding:1px; */
	border:1px black solid;
	background-color:#4D82BB;
	text-align:left;
}

#menu {
	margin:16px 0px 0px 0px;
	border-top:1px black solid;
	border-bottom:1px black solid;
	background-color:white;
	font-size:0.9em;
	text-align:center;
}

#menu a {
	padding:0px 1em;
	color:black;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
	cursor:crosshair;
}

#menu a:hover {
	background-color:red;
	color:white;
}

#menu a.current {
	background-color:black;
	color:white;
}

#menu a.current:hover {
	background-color:black;
	color:red;
}

#content {
/* 	width:780px;
	margin-top:1em; */
	padding:0px;
}

#foobar {
/* 	margin-top:2em; */
	margin-bottom:0px;
	border-top:1px solid black;
	padding:0.5em 0px;
	text-align:center;
	background-color:#7B9ED6;
	font-size:0.65em;
}