@media all {
	/* #00c:dunkelbla, #99f:hellblau, #c36:magenta #ffc:sandfarben */
	html { background-color: #99f; color: #00c; }
	body { font-family: FreeSans, helvetica, Arial, sans-serif; font-size: 11pt; line-height: 130%; text-align: center; }
	a { color: #00c; } a:hover { color: #c36; } img { border: none; }

	div#layout { width: 780px; margin: auto; text-align: left; margin-top: 25px; }
	div#layout { background: #ffc url(img/verlauf1.jpg) no-repeat top center; }
	div#layout { padding-left: 1cm; padding-right: 1cm; }

	div#header { text-align: right; height: 120px; padding: 10px; }
	div#header img { float: left; width: 200px; }
	div#header h3 { font-size: 12pt; }
	div#header form { clear: right; }
	div#header form input { border: solid 1px #00c; color: #c36; background-color: #99f; font-weight: bold; }
	div#header form input[type=submit]  { background-color: #c36; color: #ffc; border: solid 0px #c36; }

	div#sidebar { width: 160px; float: left; margin: 0px; padding: 10px; }
	div#sidebar ul { margin: 0px; padding: 0px; list-style-type: none; }
	div#sidebar li { margin: 0px; padding: 0px; display: inline; }
	div#sidebar li a { display: block; margin-bottom: 5px; border: solid 1px;
		padding: 3px; text-decoration: none; font-weight: bold; }
	div#sidebar li a:hover { color: #c36; border-right: solid 8px #c36; }
	div#sidebar img { width: 100px; margin-top: 20px; }
	/* div#sidebar img:hover { width: 234px; margin-top: 20px; } */

	div#contents { margin: 0px; margin-left: 180px; padding: 10px; }
	div#contents h2 { text-align: right; border-bottom: solid 5px #c36; }
	div#contents ol { margin: 0px; padding: 0px; margin-left: 25px; }
	div#contents ul { margin: 0px; padding: 0px; margin-left: 25px; }
	div#contents li { margin-bottom: 5px; margin-left: 10px; padding-left: 10px;}
	div#contents dt { font-weight: bold; margin-bottom: 5px; }
	div#contents dd { margin-left: 1.5em; margin-bottom: 10px; }
	div#contents div.anbieter { float: right; font-weight: bold; margin: 5px; max-width: 250px; overflow: hidden; margin-left: 20px; }
	div#contents div.keywords { display: none; float: left; width: 180px; }
	div#contents p.keywords { color: #066; font-size: smaller; text-align: right; }
	div#contents a.outlink { padding-right: 18px; background: url(img/icon-out.png) no-repeat right center; }
	div#contents a.pdflink { padding-right: 18px; background: url(img/icon-pdf.png) no-repeat right center; }
	div#contents a.wordlink { padding-right: 18px; background: url(img/icon-word.png) no-repeat right center; }
	div#contents a.maillink { padding-right: 18px; background: url(img/icon-mail.png) no-repeat right center; }
	div#contents tt { font-family: monospace; font-size: 9pt; }
	div#contents th, div#contents td { text-align: left; vertical-align: top; }
	
	div#footer { font-size: 9pt; clear: both; margin: 10px; padding: 1px; border-top: solid 2px #00c; }
	div#footer div.rechts { float: right; font-weight: bold; }
	div#footer a { color: #c36; } div#footer a:hover { color: #00c; }
} @media print {
	div#header, div#sidebar { display: none; }
	div#contents form { display: none; }
	div#contents { margin: 0px; width: 150mm; }
}