/*Styleseet für uschi Hugo de
Erstellung Oktober 2007
Autorin: Susanne Hugo*/
@media aural {

* 				{ speak:   normal }
abbr, acronym	{ speak:  spell-out  }
#inhalt p		{ speak-punctuation: code  }
table			{ speak-header:    always }

}
/*A L L G E M E I N*/
* {
	margin: 0;
	padding: 0;}

body {
	color:      white;
	font-size:   1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:  #c9f }

/* invisible for screen, but necessary for audio */  

.unsichtbar, dfn {
	display: inline;
	position: absolute;
	top:      -1000px;
	left:     -1000px;
	width:    0;
	height:   0;
	overflow: hidden }

abbr, acronym {
	border-bottom: 2px dotted purple;   }

address {
	margin-left:   20%;
	padding-top:    1ex;
	padding-bottom: 1ex }

strong {
	font-weight: bold }

em {
	font-style: italic }

/*K O P F Z E I L E*/
#kopfzeile {
	color:         white;
	background:     #c9f url("ubh_ernst_hintergrund.jpg") no-repeat 2em 3em;
	padding-top:    3em;
	padding-bottom: 3em;
	width:          100%;
	height:         8em }

h1 {
	font-size:     2em;
	font-variant:   small-caps;
	font-weight:    bold;
	letter-spacing: 0.5em;
	margin-bottom:  1.8em;
	padding-left:   20%;
	float:          none }

/*IE 5.5  H A C K*/
* html h1  { margin-bottom: 2.7em; margin-b\ottom: 1.8em }	
	
#kopfzeile ul {
	list-style-type: none;
	padding-left:     20%;
	height:           2em }

#kopfzeile li, #kopfzeile li a {
	line-height: 1.2em;
	display:      inline;
	float:        left }

#kopfzeile a:link, #kopfzeile a:visited, #kopfzeile a:focus, #kopfzeile a:hover, #kopfzeile a:active, #aktiv {
	font-size:      0.9em;
	font-weight:     bold;
	text-decoration: none;
	text-align:      center;
	margin-right:    1ex;
	padding:         1ex }

#kopfzeile a:link {
	color:     black;
	background: #ccf }

#kopfzeile a:visited {
	color:     #609;
	background: #ccf }

#kopfzeile a:hover {
	color:     #c9f;
	background: #609 }

#kopfzeile a:focus {
	color:     white;
	background: #609 }

#kopfzeile a:active {
	color:     white;
	background: #609 }

#aktiv {
	color:     #609;
	font-style: italic;
	background: white;
	text-align: center }

/*I N H A L T*/
#inhalt {
	color:        #609;
	background:    white;
	text-align:    left;
	padding-top:   2em;
	padding-right: 1em }

h2 {
	font-size:    1.5em;
	font-variant:  small-caps;
	font-weight:   bold;
	margin-top:    1em;
	margin-bottom: 1em;
	padding-left:  20% }

h3 {
	font-size:    1.2em;
	font-variant:  small-caps;
	font-weight:   bold;
	margin-top:    2em;
	margin-bottom: 2em;
	margin-left:   20% }

#inhalt p {
	line-height:      1.5em;
	margin-left:       20%;
	padding-bottom:    1em;}

table {
	color:          #609;
	background:      white;
	margin-bottom:   2em;
	margin-left:     20%;
	padding:         1%;
	width:           80%;
	border:          double #c9f;
	border-collapse: collapse ;
	empty-cells:     show; }

th {
	color:         #fff;
	font-weight:    bold;
	background:     #c9f;
	text-align:     left;
	padding:        1ex 1ex 2ex;
	vertical-align: middle }

td {
	line-height:   1.5em;
	text-align:     left;
	padding:        1ex;
	vertical-align: top }

#inhalt td a {
	display: block }

tr:hover, tr:focus {
	color:     #609;
	background: #fcf }

p#footer {
	margin-left: 0;
	padding:      1ex 1ex 1ex 20%;
	width:        100%;
	border-top:   1px dashed silver }

p#footer img {
	border-style: none;
	outline-style: none }

#inhalt a:link {
	color:          #93c;
	font-weight:     bold;
	text-decoration: underline;
	background:      white }

#inhalt a:visited {
	color:          purple;
	font-weight:     bold;
	text-decoration: underline;
	background:      white }

#inhalt a:hover {
	color:          white;
	font-weight:     bold;
	text-decoration: none;
	background:      #609 }

#inhalt a:focus {
	color:          #c9f;
	font-weight:     bold;
	text-decoration: none;
	background:      #609 }

#inhalt a:active {
	color:          #c9f;
	font-weight:     bold;
	text-decoration: none;
	background:      #609 }

/*S P E Z I A L: S T IM M P R O B E N*/
#inhalt ul {
	list-style-type: none;
	margin-right:     1em;
	margin-bottom:    2.5em;
	margin-left:      20% }

#inhalt ul li {
	color:              #609;
	line-height:         2em;
	background:          white url(../galerie_ubh/icon_lautsprecher.gif) no-repeat;
	list-style-type:     none;
	list-style-position: outside;
	padding-left:        40px }

.small {
	font-size: 0.9em }

.abstand {
	margin-bottom: 0;
	padding-top:    1em;
	padding-bottom: 0 }