/* Allgemeines */
* { margin: 0; padding: 0 }
html, body { font-family: sans-serif; color: #3d3e3f; background: #f1f1f1 }
html { overflow-y: scroll }
#body { margin: auto; width: 940px; padding:42px; background: white }
img { border: 0 }
html, body, input, button { font: 9pt "Arial" }

/* Kopfbereich */
#menu { display: block; color: #003c6c; font-weight: bold }
#menu li { display: inline; margin-right: 20px; text-transform: uppercase; letter-spacing: -1.2px; font-size: 12pt }
#header { background: url(images/logo.png) no-repeat bottom right; height: 46px; padding-top: 34px }
#banner { display: block; margin-top: 30px }

/* Inhaltscontainer */
#content { margin-top: 30px }
h1, h2 { font-weight: normal; color: #003c6c }
h1 { font-size: 20pt }
h2 { font-size: 15pt }
h3 { font-size: 9pt; margin-top: 3ex }
h3.ruled { border-top: 1px solid #dfdfdf; padding-top: 3ex }
p, table, iframe, #main ul { margin-top: 1.5ex }
a { color: #003c6c; font-weight: bold; text-decoration: none }
a.arrow { padding-left: 10px; background: url(images/arrow-blue.png) no-repeat left }
a.greyarrow { padding-left: 10px; background: url(images/arrow-grey.png) no-repeat left }
.light { color: #a1a2a4 }
#main ul { margin-left: 1.2em }
#main li { padding-left: 3px }
#main ul.relaxed li { margin-top: 5px }

/* Startseite */
#news, #about { float: left; width: 340px; padding-right: 10px }
#film { float: right; width: 240px }

/* eigentlicher Inhalt */
#main { margin-left: 220px; margin-right: 220px; padding: 0 20px;
	border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf }

/* Tabellen */
table { border-spacing: 0 }
td { vertical-align: top }
.ruled tr td { border-top: 1px solid #dfdfdf; padding: 7px 0 }
.ruled tr.first td { border-top: none }
.ruled table tr td { border-top: none; padding: 0 }

.partners { width: 100% }
.partners td { padding-top: 5px }
.partners td.bullet { width: 20px; color: #003c6c }
.partners td.partner { color: #a1a2a4 }
.partners td.address { text-align: right }

.ref { width: 100% }
.ref td.subject { width: 120px }
.refsub { margin: 0 }
.refsub td.subject { width: 100px }

td.contype { width: 20px }

td.switch { text-align: right }
td.switch a { font-size: 8pt; font-weight: normal }

/* Bildergalerien */
.pics { border: 1px #dfdfdf; border-style: solid none }
.pics span { display: inline-block; width: 225px; text-align: center;
	position: relative }
.pics img.zoom { width: 220px }

.fade { position: fixed; top: 0; bottom: 0; left: 0; right: 0;
	background: white; opacity: .8 }
.overlay { position: fixed; background: white; border: 1px solid #afafaf;
	padding: 7px; padding-bottom: 20px }

/* Formulare */
button { border: none; background: transparent; color: #003c6c; font-weight: bold;
	padding-left: 10px; background: url(images/arrow-blue.png) no-repeat left }
input.text, textarea { border: 1pt solid; color: #a7adb1 }
input.text:focus, textarea:focus { color: black }

table.form { width: 100% }
table.form input.text, table.form textarea { width: 100% }
table.form td { padding-top: 3px }

/* Untermenü */
#submenu { width: 200px; float: left; border-bottom: 1px solid #dfdfdf }
#submenu li { list-style: none; padding: 10px 0; border-top: 1px solid #dfdfdf }
#submenu li a { padding-left: 15px; background: url(images/arrow-blue.png) no-repeat left }
#submenu li.current a { color: #9c9d9f; background-image: url(images/arrow-grey.png) }

/* Kontaktbox */
#contact { width: 200px; float: right }

/* Fußzeile */
#footer { margin-top: 50px; font-weight: bold; color: #003c6c }
#footer .right { float: right; color: #cbced0 }