body {
	font-size:12pt;
	font-family:Helvetica,Verdana,Arial;
	background: #bbccee url(w_bg.jpg) fixed;
	color: #000000;
	padding: 0;
	margin: 0;
}

#content {
	margin: 0 0 0 15ex;
	padding: 2ex;
	/*border: 1px dotted gray;*/
}

#menu {
        display:block;
        position: fixed;
        left: 0;
        top:  0;
	width: 13ex;
	margin: 0;
	padding: 7ex 1ex 0;
	/*border: 1px dotted red;*/
}

* html #menu {
        position: absolute;
}

#menu ul {
	padding: 0;
	list-style: none;
}

#menu li {
	list-style: none;
	margin-bottom: 2ex;
}

#menu a {
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover {
	color: white;
	background: blue;
}

.poster {
	text-align: center;
}

.poster img {
	border: 1px solid gray;
}

.poster a img {
	border: 4px dotted transparent;
}

.poster a img:hover {
	border-color: #0000cc;
}

.sermon {
	margin-top: 5ex;
	max-width: 40ex;
	margin-left: auto;
	margin-right: auto;
	background: white;
	padding: 2ex;
	border: 1px solid grey;
	font-weight: bold;
}

.sermon p {
	text-align: center;
}

.l {
	float: left;
	margin-right: 1ex;
	margin-bottom: 1ex;
	width: auto;
}

.l p {
	font-size: small;
	font-weight: bold;
	text-align: center;
}

.r {
	float: right;
	margin-left: 1ex;
	margin-bottom: 1ex;
}

.c {
	text-align: center;
}

table {
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #7788aa;
}

th, td {
	vertical-align: top;
	border: 2px solid #7788aa;
	padding: 0.5ex;
}

.tr {
	text-align: right;
}

.przykrlk {
	color: #000088;
}

a {
	color: #0000ff;
}

a:visited {
	color: #880088;
}

a:hover {
	color: #ff0000;
}

h1 {
	text-align: center;
	font-size: 18pt;
	color: #880000;
}

h2 {
	text-align: center;
}

a img {
	border: none;
}

li {
	margin-top: 1ex;
	margin-bottom: 1ex;
}

.disc, .disc a, .disc a:visited, .disc a:hover {
	clear: both;
	color: #7788aa;
	font-weight: bold;
	font-size: 11pt;
	text-align: right;
	text-decoration: none;
}

.real {
	font-family: monospace;
	font-weight: bold;
	font-size: xx-small;
}

.access {
	display: none;
}

/*----- scale -----*/

div.label {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

div.scale {
	position: relative;
	width: 90%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2ex;
	font-size: 1%;
	border: 1px solid gray;
}

img.scale {
	width: 100%;
	vertical-align: top;
}

.marker {
	position: absolute;
	top:50%;
}

.marker img {
	max-width: none;
}