* {margin: 0;}

html {background: #efefef url(images/bg.jpg) repeat-x bottom; height: 100%; }

body {
	width: 45em;
	margin: 0;
	min-height: 100%;
	margin: auto auto;
	background: white url(images/bodybg.jpg) no-repeat bottom right;
	font-size: 100%;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	padding: 0 1em;
	line-height: 150%;
	}
	
p {margin: 1em 0;}

#example {
	background: #eaeaea;
	border: 4px double #666;
	margin: 0;
	padding: 0;
	float: right;
	min-width: 12.5em;
	padding: 0.5em;
	margin-top: 1em;
	}
	
#example p {margin: 0;}

#text {padding: 1em 0;}

h3 {
	margin-bottom: 0;
	margin-top: 1.5em;
	font-size: 110%;
	}
h3 + p {margin-top: 0;}
h3 + h3 {margin-top: 0.3em;}

h3.error {color: #D23D24;}
h3.error:before {content: "Error:"; background: #D23D24; color: white; margin-right: 0.3em;}

h3.warnung {color: #FA9084;}
h3.warnung:before {content: "Warning:"; background: #FA9084; color: black; margin-right: 0.3em;}

span.position {border-bottom: 1px solid red; color: red; margin: 0 0.1em; cursor: default; font-weight: bold;}

.invalid {display: block; text-align: right;}


code {vertical-align: text-top;}

.falsch {background: #Fee;}
.richtig {background: #eFe}