@media screen {
.red {
	color: #a00;
	font-weight: bold;
	font-size: 150%;
}

dl {
	padding: 0px;
	margin: 0px;
	}

dl dt {
	margin: 0 0 0 3em;
	width: 15em;
	padding: 0 1em;
	background: url('http://www.klammeraffe.org/i/bgr.jpg') repeat-y top left;
	font-weight: bold;
	border: 0px #000 solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
}

dl dd {
	padding: 0 0 1em 0;
	margin: 0px;
}

dl dl {
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	margin-top: 0em;
	margin-left: 1em;
}

dl dl dt {
	background: transparent;
	width: auto;
	padding: 0px;
	margin: 0px;
	border: 0;
}

dl dl dd {
	padding-left: 2em;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
}

dd pre {
	margin: 0;
	border-left: 5px #ccc solid;
	padding: 1em;}

.webcontent {
	border-left: 5px #aaa solid;
	background: url('http://www.klammeraffe.org/i/bgr.jpg') repeat-y top left;
	font-size: smaller;
	overflow: auto;
	max-height: 20em;
	border: 2px #aaa inset;
	}
}

@media print{
.webcontent {
	max-height: auto !important;
}
}