html {
font-size:100.01%;
line-height:1.4;
}

body {
background:#E6E6E6 url(../images/bgbody.jpg);
color:#000;
font-family:Arial, Helvetica, sans-serif;
margin:0 2px;
padding:1.2em 0 1.5em;
}

.piccontainer {
margin-top:.2em!important;
}

a:link {
color:maroon;
}

a:visited {
color:#000;
}

a:hover,a:focus,a:active {
background-color:maroon;
color:#f7f7d9;
}

h1,h2,h3,h4 {
color:maroon;
font-family:palatino, georgia, 'bitstream vera serif', times, serif;
}

h1 {
font-size:1.2em;
font-weight:300;
line-height:1.3em;
margin:0;
padding:0 .1em .6em;
}

h2 {
font-size:1.6em;
font-weight:300;
line-height:1.4em;
text-align:center;
margin:0;
padding:0 .2em .2em;
}

h3 {
font-size:1.4em;
font-weight:300;
clear:left;
padding-top:1.3em;
margin:0 0 .1em;
}

h4 {
font-size:1.1em;
font-weight:300;
margin:.7em 0 .3em;
}

p {
font-size:1em;
margin:.3em .1em .6em;
padding:.1em;
}

blockquote {
font-style:italic;
color:maroon;
}

blockquote span {
font-style:normal;
display:block;
text-align:right;
}

#start {
color:maroon;
font-family:palatino, georgia, 'bitstream vera serif', times, serif;
font-size:1.2em;
text-align:center;
margin:auto;
}

#start p {
margin:0;
padding:0;
}

#start img {
margin-top:1em;
}

#head {
text-align:center;
background:url(../images/bghead-left.jpg) top left no-repeat;
margin:0 auto;
padding:1em .5em 0;
}

#maincontent {
font-family:cambria, palatino, georgia, 'bitstream vera serif', serif;
margin:0 1em 1.8em;
padding:.5em;
}

#footer {
background:url(../images/bgbottom-right.jpg) bottom right no-repeat;
clear:both;
border-top:3px solid #E6E6E6;
padding:.2em;
}

#footer p {
font-size:.8em;
color:#666;
text-align:center;
margin:0;
padding:0;
}

#footer a {
color:#666;
}

.maincontent-footer {
border-top:1px solid maroon;
margin-top:1.5em;
color:maroon;
font-style:italic;
}

.hidden {
height:1px;
overflow:hidden;
position:absolute;
top:-1000em;
left:-1000em;
width:1px;
}

.pichead h1 {
display:none;
}

.fleft {
float:left;
text-align:center;
margin:.5em .2em .3em 0;
padding:.1em .7em 0 0;
}

.fright {
float:right;
text-align:center;
margin:.5em 0 .3em .2em;
padding:.1em 0 0 .4em;
}

.picdescript,.imgbar, #InfoTable {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
}

.exclamation {
color: maroon;
font-size:1.1em;
font-weight:300;
margin: -.5em 0 1.5em;
}

div.imgbar a:focus,div.imgbar a:hover,div.imgbar a:active {
background-color:#fff;
}

.iborder {
border:1px solid #E6E6E6;
margin:10px 10px 0 4px;
padding:3px;
}

.aktuell {
display:table;
vertical-align:middle;
padding-top:.5em;
}

*:first-child+html .aktuell {
clear:both;
padding-top:0;
}

.aktuell p, .aktuell div {
display:table-cell;
vertical-align:middle;
}

*:first-child+html .aktuell img {
float:left;
}

#maincontent table {
border-collapse:collapse;
margin:.5em 0;
}

#maincontent td {
font-size:1em;
margin:0;
padding:.5em;
}
.seperate td, .SpenderListeProjekt td {
border-bottom:1px solid maroon;
}
.SpenderListe td{
border:none;
}

dt {
font-weight:700;
}

dd {
padding-left:0;
margin-left:1em;
}

#thumbs {
margin-top:1em;
text-align:center;
}

#thumbs a {
height:58px;
display:inline;
border:1px solid #aaa;
background:#eee;
float:left;
text-align:center;
line-height:0;
margin:4px;
padding:8px;
}

#thumbs a:hover {
border:1px solid maroon;
background-color:#f7f7d9;
}

#largepic p {
margin-top:0;
margin-bottom:3px;
}

#piccontent h2 {
margin-bottom:.5em;
}

#largepic img {
border:1px solid #aaa;
background:#eee;
margin:0 4px;
padding:10px;
}

ul.picoverview {
list-style:none;
margin:0;
padding:0;
}

ul.picoverview li {
display:inline;
float:left;
width:130px;
height:114px;
text-align:center;
margin:8px 8px 8px 0;
}

ul.picoverview li a {
display:block;
background-color:#F5F4F4;
color:#474747;
text-decoration:none;
border:1px solid #aaa;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:1.2em;
height:100px;
margin:0;
padding:8px 6px 6px;
}

ul.picoverview li a:hover,ul.picoverview li a:focus,ul.picoverview li a:active {
background-color:#f7f7d9!important;
color:maroon!important;
border:1px solid maroon;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.picoverview p {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:1.2em;
margin:0;
padding:0;
}

td.Zeitpunkt {
font-weight:700;
vertical-align:top;
}

#SponsorenListe {
clear:right;
}

#InfoTable {
border:1px solid maroon;
background-color:#f7f7d9;
}

#InfoTable  th{
border:1px solid maroon;
background-color:#f5f4f4;
}

#InfoTable  td{
border:1px solid maroon;
}

#TermineTable {
border: none;
background-color: transparent;
}

#TermineTable  td{
border: none;
}

a img,#Programmliste td {
border:none;
}

#largepic,td.FaLogo {
text-align:center;
}

#ZehnJahreStephanus {
  background: url(/images/10-jahre-stephanus.gif) no-repeat bottom;
  height: 40px;
  text-indent: -999em;
  width: 170px;
}

@media screen {
#container_top {
max-width:54em;
min-width:34em;
background:#fff url(../images/bghead-right.jpg) top right no-repeat;
margin:0 auto;
padding:0;
}

#container_bottom {
background:#fff url(../images/bgbottom-left.jpg) bottom left no-repeat;
max-width:54em;
min-width:34em;
margin:.7em auto 0;
padding:.5em 0 0;
}

#nav {
float:left;
font-size:.8em;
margin-top:0;
width:15.5em;
padding:0 1em;
}

#nav ul {
font-size:1em;
list-style-type:none;
width:15.5em;
margin:1em .5em 1.8em 0;
padding:0;
}

#nav ul ul {
font-size:1em;
width:15.5em;
margin:0;
padding:0;
}

#nav li {
line-height:1.3;
margin-top:1px;
}

#nav li a,#nav li span.current {
border-left:4px solid #bfbfbf;
display:block;
font-weight:700;
padding:3px 5px 3px 8px;
}

#nav p {
background-color:#f7f7d9;
line-height:1.3em;
margin-bottom:1em;
padding:.5em;
}

#nav p img {
display:block;
margin:10px auto;
}

#maincontent {
min-width:17em;
overflow:hidden;
}

.navindex {
border-left:1px solid maroon;
border-right:1px solid maroon;
margin:0 .5em;
padding:0 .6em;
}

#horiznav {
font-size:.8em;
margin:-3px auto 0;
padding:0 0 2px .3em;
}

#horiznav ul {
font-size:1em;
list-style-type:none;
text-align:center;
margin:0 auto;
padding:0;
}

#horiznav ul ul {
font-size:1em;
margin:0;
padding:0;
}

#horiznav li {
display:inline;
line-height:1.9em;
margin:0 4px 0 0;
}

#horiznav li a,#horiznav li span.current {
border-left:4px solid #bfbfbf;
font-weight:700;
padding:3px 5px;
}

.imgbar {
float:right;
text-align:center;
max-width:230px;
margin:.5em 0 .2em .2em;
padding:.1em .4em 0 .7em;
}

#nav li a,#horiznav li a {
background-color:#F5F4F4;
color:#474747;
text-decoration:none;
}

#nav li span.current,#horiznav li span.current {
color:#630226;
font-weight:700;
background-color:#f7f7d9;
border-left:4px solid maroon;
}

#nav li a:hover,#nav li a:focus,#nav li a:active,#horiznav li a:hover,#horiznav li a:focus,#horiznav li a:active {
background-color:#f7f7d9!important;
border-left:4px solid maroon!important;
color:maroon!important;
}

#nav li li a,#nav li li span.current,#horiznav li li a,#horiznav li li span.current {
font-weight:300;
padding-left:30px;
}

#nav li li span.current,#horiznav li li span.current {
border-left:4px solid maroon;
}
}

@media print {
#horiznav,#nav {
display:none;
}

h1 {
font-size:1em;
}

body {
padding:0;
}
}