/*
Layout for the internet site "Orgelbauwerkstätte Marburg - Orgelbaumeister Michael Berghöfer".
Created by Thomas Eckert, 2008/02-06.
*/

html, body {
	height: 100%;
	margin: 0;
	border: none;
	padding: 0;
}
body {
	background: url(files/bg.jpg) fixed;
	font-family: serif, "Times New Roman", times;
	color: #404040;
}

a:link {color: #101010; text-decoration: none}
a:visited {color: #000; text-decoration: none}
a:hover, a:active {color: #000; background-color: #ddd; text-decoration: none}

#back {
	top: 0;
	left: 0;
	height: 100%;
	background: url(files/silhouette.png) no-repeat;
	padding: 10px;
	border-spacing: 10px 0;
}

td {vertical-align: top}

#menu, #contents {
/*  opacity: 0.9; /* CSS3 standard */
/*  filter: alpha(opacity=80); /* for IE */
}

#menu {
  background-color: /*#378dff*/#b0c8e0;
  padding: 8px;
  padding-top: 146px;
  font-family: "sans-serif", Helvetica;
	z-index: 1;
}
#menu .main {font-weight: bold}
#menu .sub {padding-left: 18px}
#menu .ssub {padding-left: 28px; font-size: smaller}
#menu .info {color: #666}
#menu div {
	border-left: 5px #909090 solid; 
	padding: 3px;
	padding-left: 8px;
}
#menu a:visited {color: #303030}
#menu a div:hover {border-left-color: #101010; background-color: #a0b8d0}
#menu a:active {border-left-color: #000}

#contents {
	width: 40em;
	background-color: #fff;
  padding: 1.8em;
  padding-bottom: .6em;
}

#header {
	min-height: 100px;
	font-size: 26pt;
	font-style: italic;
	text-align: right;
}

#footer {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 1.2em;
	font-size: 70%;
	font-family: "sans-serif", Helvetica;
}

.subtitle {font-size: smaller; color: #808080}

ul {
	list-style-type: none;
	padding: .8em;
	padding-right: 0;
}
li ul li {
	font-weight: normal;
	padding: .2em; 
	padding-right: 0;
	padding-left: 0;
}

ul.topics {font-weight: bold}

ul.details {padding: 0}
ul.details li {padding-top: .4em; padding-bottom: .4em}

ul.address li {padding-left: .5em; padding-top: .2em}
ul.address li.group {padding-top: .8em}
ul.address li.group:first-child {padding-top: 0}

table.compact td {padding: 0; padding-left: .8em; padding-right: .8em}

.left {float: left; margin-right: 6mm; margin-bottom: 6mm}
.right {float: right; margin-left: 6mm; margin-bottom: 6mm}
.clickable {opacity: 0.60; filter: alpha(opacity=80)}
a .clickable:hover {opacity: 1.00; filter: alpha(opacity=100)}

h1 {font-size: 18pt; font-style: italic}
h2 {font-size: 14pt; font-style: italic}
h1:first-child, h2:first-child {margin-top: 0}

em {font-style: normal; font-weight: bolder}

form {font-family: "sans-serif", Helvetica; font-size: small}
/*form td {text-align: right}
input.text, textarea {
	width: 310px; background: #d8f0ff; 
	border: 2px solid #d8f0ff; color: #228; font: 10pt "sans-serif";
}*/
div.fill-in {border-bottom: 1px solid #b0c8e0; width: 300px}
.fill-in input.text, textarea {border: none; width: 80%; color: #228; font: 10pt "sans-serif", Helvetica}
.fill-in textarea {width: 100%}
input.button, button {
	background: #b0c8e0; color: #228; font-family: "sans-serif", Helvetica; font: 10pt bold; margin: 2px; border: none; height: 22px; width: 70px}