body		{ background-color: #000}
a:link		{ color: #0000bb }
a:visited	{ color: #000099 }
a:hover		{ color: #0000ff }
a:active	{ color: #0000bb }

p			{ text-align: justify }
p.ac		{ text-align: center }
p.ar		{ text-align: right }
p.copy		{ text-align: left; vertical-align:bottom; font-size: x-small }
table.ac		{ margin: 0 auto }
td.al		{ text-align: left }
td.alu		{ vertical-align: bottom; text-align: left; font-size: large; color:#ffffff; padding: 11px 8px }
td.ac		{ vertical-align: top; text-align: center }
td.ar		{ text-align: right }
td.copyal	{ vertical-align: bottom; text-align: left; font-size: small; color:#000000; padding: 0 0 8px 11px }
td.copyar	{ vertical-align: bottom; text-align: right; font-size: small; color:#000000; padding: 0 11px 8px 0 }
td.just		{ text-align: justify }
td.top		{ vertical-align: top }
td.bot		{ text-align: right; vertical-align: bottom }
td.copy		{ text-align: left; vertical-align:bottom; font-size: x-small }
img.link	{ border-width: 2px; border-style: solid; padding: 3px }

q.datum:before  { content: "Last modified: 4 March 2011" }
q.copy:before { content: "Copyright 2011 by Michael Seebald, DH6BD" }

/* Container*/
div#container {
	width: 100%; overflow:hidden;
	min-width: 60em;
	max-width: 70em;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;/*Farbe Links*/
}

/* Überschrift*/
div#oben {
	
	margin: 0;
	padding: 0 0 0 0;
	background-color: #0096E3;
}



/*Rechte Seite*/
#inhaltr  {
	min-width: 800px;
	min-height:200px;
	background-color: #ffffff;
	padding: 2em 2em 2em 2em;
	margin: 0 0 0 16%;/*16% sind an die linke Seite gebunden*/
}



/*Linke Seite*/
div#inhaltl  {
	float: left;
	
	width: 16%;/*16% sind an die rechte Seite gebunden*/
	margin: 0;
	padding: 0 0 0 0;
}


/*Unten*/
div#unten {
	clear: left;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	}
	

/*Menu*/

div#menu ul li a, a.button{
	background: url(img/knopf.jpg) no-repeat;
	background-position:0 0;
	border-color:#000011;
	border: 1px solid;
	color:#000011;
	display:block;
	text-decoration: none;
    font-family:Bodoni;
    font-size: medium;
    text-align: center;
	padding: 0 0 2px 0;
}

div#menu ul li a:hover, a.button:hover{
    color:#eaeffd; /*Knopf Vorglühen*/
	border: 1px solid; 
	border-color:#000011;
}

div#menu span{
	background: url(img/knopf.jpg) no-repeat;
	background-position:0 0;
	border: 1px solid;
	border-color:#000011;
	color:#f7fcff; /*Knopf Eingeschaltet*/
	display:block;
	text-decoration: none;
    font-family:Bodoni;
    font-size: medium;
    text-align: center;
	padding: 0 0 2px 0;
}

div#menu ul{
	margin: 80px 0;
    padding: 0;
}

div#menu li {
    list-style: none;
    margin: 1em; /* Menue Abstand Vertikal*/
    padding: .1em;
}