body {
	margin: 0 auto;
	padding: 0;
	max-width: 70em;
	color: black;
	font-size: 1em;
	font-family: sans-serif;
	background-color: #9cf;
}

a:link,
a:visited {
	color: black;
	text-decoration: underline;
}

a:link:hover,
a:visited:hover {
	text-decoration: none;
}

a[href^="http://"]:before,
a[href^="https://"]:before {
	content: "\2197\a0"; /* Pfeil nach oben rechts */
}

a[href^="mailto:"]:before,
a[href^="news:"]:before {
	content:"\2709\a0"; /* Briefumschlag */
}

a[href]:link:after,
a[href]:visited:after {
	background-color: #03f;
	color: white;
	padding: .125em .25em;
	margin: 0 0 0 .5em;
	text-decoration: none; /* doesn't work */
	font-weight: bold;
	font-size: 0.8em;
}

a[lang^="en"]:after { content: "en"; }
a[lang^="fr"]:after { content: "fr"; }
a[lang^="ja"]:after { content: "ja"; }

a[href$=".wav"]:after { content: "WAV"; }
a[href$=".mp3"]:after { content: "MP3"; }
a[href$=".exe"]:after { content: "EXE"; }
a[href$=".zip"]:after { content: "ZIP"; }
a[href$=".pdf"]:after { content: "PDF"; }

/******************** HEADER ********************/

div.header {
	margin: 0;
	padding: 0;
	background-image: url(platinen.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

p.position {
	float: left;
	margin: 0;
	padding: .5em;
}

form.suche {
	text-align: right;
	margin: 0;
	padding: .5em;
}

/***************** TOPMENU *********************/

ul.topmenu {
	margin: 0;
	padding: 0;
/* 	border-top: 1px solid black; */
	display: table;
	position: relative;
	top: 1px;
	clear: both;
}

ul.topmenu li {
	list-style: none;
	float: left;
	border: solid black;
	border-width: 1px 1px 0 1px;
	margin: 0 0 0 .5em;
	background-color: #9cf;
}

ul.topmenu li * {
	padding: .25em .5em;
	margin: 0;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid black;
}
ul.topmenu li:hover {
	background-color: #03f;
}

ul.topmenu li:hover * {
	color: white;
}

ul.topmenu li.active * {
	background-color: white;
	border-bottom: 1px solid white;
}
ul.topmenu li.active:hover * {
	color: black;
}

/****************** DROPDOWN-MENUE ********************/

ul.dropdown {
	display: none !important;
	position: absolute;
}

li:hover ul.dropdown {
	display: block !important;
	padding: 0;
	margin: -1px 0 0 -1px;
	border: 1px solid black;
/* 	opacity: .85; */
}
li:hover ul.dropdown li {
/* 	display: block; */
	float: none;
	padding: 0;
	margin: 0;
	border: none;
}
li:hover ul.dropdown li * {
	background-color: #9cf;
	padding: .125em .5em;
	border-bottom: none;
	color: black;
}
li:hover ul.dropdown li a:hover {
	background-color: #03f;
	color: white;
}

/************************* MENUE ******************/

ul.menue:before {
	content: "Auswahl";
}

ul.menue {
	clear: both;
	float: right;
	margin: 0 0 .5em 1em;
	padding: 0;
	font-size: 1.25em;
	color: white;
	background-color: #03f;
	text-align: center;
	border: 1px solid #03f;
}

ul.menue li {
	list-style: none;
	font-size: .8em;
	font-weight: normal;
	text-align: left;
}

ul.menue li a:link,
ul.menue li a:visited,
ul.menue li span {
	display: block;
	margin: 0;
	padding: .125em .5em;
	text-decoration: none;
	color: black;
	background-color: #9cf;
}

ul.menue li a:link:before {
/*	content: "\25B6\A0"; /* big triangle, solid */
	content: "\25B8\A0"; /* small triangle, solid */
}

ul.menue li a:visited:before {
/*	content: "\25B7\A0"; /* big triangle, outline */
	content: "\25B9\A0"; /* small triangle, outline */
}

ul.menue li span {
	color: #03f;
}

ul.menue li span:before {
	content: "\2301\A0\A0"; /* electric arrow */
}

ul.menue li a:link:hover,
ul.menue li a:visited:hover {
	color: white;
	text-decoration: none;
	background-color: #03f;
}

/************************* INHALT ******************/

div.inhalt {
	margin: 0;
	padding: 1em;
	border: 1px solid black;
	clear: left;
	background-color: white;
}

div.inhalt a:link {
	color: blue;
}

div.inhalt a:visited {
	color: purple;
}

h1 {
	font-size: 1.75em;
	font-weight: bold;
	text-align: center;
	clear: left;
	margin: 0;
}

h2 {
	font-size: 1.25em;
	font-weight: bold;
	clear: left;
	margin-top: 2em;
	color: #03f;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	clear: left;
	margin-top: 1em;
}

p {
	margin-left: 1em;
	clear: left;
}

p:not([align]) {
	text-align: justify;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

img[src$=".jpg"] {
	border: 1px solid black;
}

pre, tt, code {
	font-size: 1.25em;
}

pre {
	margin: 1em 1em 1em 2em;
	padding: 1em;
	display: table;
	border: 2px solid #03f;
	background-color: #9cf;
}

tt.cmd {
	line-height: 2em;
	padding: .125em .25em .125em 0.25em;
	background-color: #9cf;
}
tt.cmd:before {
	content: "$\A0";
	color: #03f;
	font-weight: bold;
}

span.quoted {
	color: navy;
}

span.comment {
	color: #600;
	font-size: .75em;
}

span.inverted,
span.inv {
	text-decoration: overline;
}

table {
	margin-left: 1em;
	border-spacing: 1px;
}

td, th {
	border: 1px solid #03f;
	padding: .25em .5em;
}

th {
	font-weight: bold;
	text-align: center;
	background-color: #9cf;
}

table.blind th,
table.blind td {
	border: none;
}

div.foto {
	margin: 0 0 1em 1em;
	padding: 0;
	clear: left;
}

div.foto div {
	margin: 0 1em 1em 0;
	padding: 0;
	text-align: center;
	min-width: 130px; /* 128px thumbnail width + 2*1px border */
	float: left;
}

div.foto span {
	margin: 0;
	padding: 0;
	display: table-cell;
	text-align: justify;
}

div.foto img {
	background-color: silver;
	margin: 0 auto;
	border: 1px solid;
}

/*********************** FOOTER **********************/

div.end {
	clear: both;
}

div.footer {
	margin: 0;
	padding: 0;
	clear: both;
}

div.footer * { /* Google-Werbung */
	float: right;
	margin: 0;
	padding: 1em;
	position: relative; left: -1em;
}

p.fussnote {
	float: none;
	text-align: left;
	left: 0;
}

p.fussnote * {
	float: none;
	padding: 0;
	left: 0;
}