/* --- basic site structure --------------------------------------------------- */

body {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif; 
color: #4c4c4c;
font-size: 17px;
margin: 0px;
padding: 0px;
}

#container {
margin: 25px auto 0px auto;
width: 900px;
background: url("../images/site/border-right.jpg") no-repeat scroll 0px 150px #FFFFFF;
}

#header {
background: url("../images/site/header.jpg") no-repeat #FFFFFF;
width: 900px;
height: 161px;
}


#footer {
background: url("../images/site/footer.png") repeat-x;
clear: both;
font-size: 12px;
height: 10px;
width: 900px;
color: #c7c7c7;
padding-top: 5px;
}

#footer a {
color: #c7c7c7;
}

#content {
width: 900px;
font: 76%/1.5 "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
padding-top: 10px;
}

#maincontent {
float: left;
width: 650px;
padding: 10px 30px 10px 20px;
}

h1 {
color: #E20916;
font-size: 20px;
}

h2 {
color: #48a7de;
font-size: 17px;
}

h3 {
color: #2E48C1;
font-size: 15px;
}

h4 {
color: #20393E;
font-size: 14px;
}

a {
text-decoration: none;
}

a:link, a:visited {
color: #473c31;
}

a:hover, a:active {
color: #000000;
}


/* ---Navigation --------------------------------------------------- */

#navi {
width: 900px;
height: 27px;
line-height: normal;
font-size: 16px;
font-weight: 900;
padding-top: 8px;
}

#navi a {
padding: 8px 8px 8px 21px;
text-decoration: none;
}

#navi ul{
display: block;
margin: 0px;
padding: 0px;
}

#navi ul li {
margin-right: 10px;
display: inline;
float: left;
}


/* --- Subnavi --------------------------------------------------- */

#subnavi {
width: 192px;
float: left;
padding: 20px 8px 0px 0px;
}

#subnavi ul {
padding: 0px 0px 0px 0px;
list-style: none;
margin: 0px;
padding: 0px;
}

#subnavi .active a{
background-position: 0px -28px;
color: #000;
}

/* --- Maincontent ---------------------------------------------- */

#maincontent a img {
padding: 0px;
margin: 0px;
}

#maincontent a:link, #maincontent a:visited {
color: #E20916;
}

#maincontent a:hover, #maincontent a:active {
text-decoration: underline;
}

/* --- Punkte Normal--------------------------------------------------- */

a#home:link, a#home:visited  {
background: url("../images/site/subnavi/red.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

a#ueber-uns:link, a#ueber-uns:visited  {
background: url("../images/site/subnavi/blue.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

a#glaube:link, a#glaube:visited  {
background: url("../images/site/subnavi/green.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

a#agenda:link, a#agenda:visited  {
background: url("../images/site/subnavi/orange.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

a#kontakt:link, a#kontakt:visited  {
background: url("../images/site/subnavi/purple.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

a#downloads:link, a#downloads:visited  {
background: url("../images/site/subnavi/dark_green.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

a#galerie:link, a#galerie:visited  {
background: url("../images/site/subnavi/yellow.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

a#links:link, a#links:visited  {
background: url("../images/site/subnavi/dark_orange.jpg") no-repeat scroll 0px 10px;
height: 14px;
padding-bottom: 2px;
}

/* --- Punkte Active--------------------------------------------------- */

a#home:hover  {
background: url("../images/site/subnavi/red.jpg") no-repeat scroll 0px -18px;
}

a#ueber-uns:hover  {
background: url("../images/site/subnavi/blue.jpg") no-repeat scroll 0px -18px;
}

a#glaube:hover  {
background: url("../images/site/subnavi/green.jpg") no-repeat scroll 0px -18px;
}

a#agenda:hover  {
background: url("../images/site/subnavi/orange.jpg") no-repeat scroll 0px -18px;
}

a#kontakt:hover  {
background: url("../images/site/subnavi/purple.jpg") no-repeat scroll 0px -18px;
}

a#downloads:hover  {
background: url("../images/site/subnavi/dark_green.jpg") no-repeat scroll 0px -18px;
}

a#galerie:hover  {
background: url("../images/site/subnavi/yellow.jpg") no-repeat scroll 0px -18px;
}

a#links:hover  {
background: url("../images/site/subnavi/dark_orange.jpg") no-repeat scroll 0px -18px;
}