body {

  background: #3956a2;

}



#seite {

  position: relative;

  left:4%;

  top:2%;

  width: 1148px;

  min-height: 200px;

  background: #3956a2;

}



#header {

  position: absolute;

  background: #ffffff;

  width:1148px;

  height:265px;

  background: url(http://www.matthaeusgemeinde.de/fileadmin/templates/img/Matthaeusgemeinde_header.jpg);

  z-index: 9;

}



#kreuz {

  position: absolute;

  background:#d3c80a;

  left:95px;

  width: 55px;

  height: 800px;

  z-index: 7;

}



#footer {

  position: absolute;

  text-align: right;

  top:264px;

  float: right;

  right: 25px;

  width:200px;

  height: 18px;

  z-index:30;

  border-bottom: 2px solid black;

  border-left: 2px solid black;

}





#footer-text {

  margin-top: 2px;

  font-family:verdana;

  font-size: 75%;

  color: #ffffff;

  text-align: center;

  z-index:30;

}



#footer-text a {

  color: black;

  text-decoration: none;

}



#footer-text a:hover {

  color:#d3c80a;

  text-decoration: none;

}



#inhaltscontainer {

  position: relative;

  background: #ffffff;

  top: 265px;

  left:150px;

  width:973px;

  height: 1200px;
  
  min-height: 1200px;

  z-index: 6;

  overflow: visible;

  border-bottom: 15px solid #dbdcfc;

  margin-bottom:5px;

  font-family: verdana;

}



#inhaltscontainer a {

  color: #3654a1; 

  text-decoration: underline;

}



#inhaltscontainer a:hover {

  text-decoration: none;

}



* html #inhaltscontainer {   /* nur fuer IE  */

  position: absolute;

  background: #ffffff;

  top: 265px;

  left:150px;

  width:973px;

  min-height: 1200px;

  z-index: 6;

  overflow: visible;

  border-bottom: 15px solid #dbdcfc;

  font-family: verdana;

}



#inhalt {

  position: relative;

  background: #ffffff;

  margin-top: 25px;

  float: left;

  left:220px;

  padding: 20px;

  width: 440px;

  min-height: 800px;

  z-index: 5;

}



#rechts {

  position: relative;

  margin-top: 35px;

  right: 15px;

  float: right;

  padding: 10px;

  width: 232px;

  min-height: 405px;

  z-index: 5;

  background:#ffffff;

  font-family: verdana;

  text-align: center;

}



* html #rechts {    /* nur fuer IE */

  position: relative;

  margin-top: 35px;

  right: 10px;

  float: right;

  padding: 10px;

  width: 212px;

  min-height: 405px;

  z-index: 5;

  background:#ffffff;

  font-family: verdana;

  text-align: center;

}

* html #links {    /* nur fuer IE */

  position: relative;

  float: left;

  right: 440px;

  padding: 10px;

  min-height: 205px;
  
  width: 170px;

  z-index: 5;

  background:#ffffff;

  font-family: verdana;

  text-align: center;

}

#links {

  position: relative;

  top: 130px;

  right: 470px;

  float: left;

  padding: 10px;

  width: 185px;

  min-height: 205px;

  z-index: 5;

  background:#ffffff;

  font-family: verdana;

  text-align: center;

}









#menu {

  position:absolute;

  top:229px;

  left:154px;

  z-index:10;

  font-family: verdana;

  font-size:13px;

  font-weight:bold;

  text-decoration:none;

}



#menu ul {

  margin: 0;

  padding: 1px 0 0 0;

  list-style: none;

  line-height: normal;

  text-align: center;

  font-family:verdana;

  font-size:13px;

  font-weight:bold;

}



#menu li {

  display: inline;

  margin: 0;

  padding: 0;

  font-family:verdana;

  font-size:13px;

  font-weight:bold;

  text-decoration:none;

}



#menu a {

  padding: 0 7px;

  font-family: verdana;

  font-size:113%;

  font-weight:bold;

  color: #000000;

  text-decoration:none;

}



#menu a:hover {

  color: #3654a1;

  text-decoration: underline;

}



#menu .active a {

  color: #3654a1;

}



#submenu-box {

  position: absolute;

  top:285px;

  left:145px;

  max-height: 325px;

  width:190px;

  z-index:16;

}



#submenu-aussen {

  position: absolute;

  top:5px;

  left:5px;

  width:220px;

  overflow:visible;

  background: #b8b8fb;

  z-index:12;

  border: 2px solid #000000;

  border-left-width: 0px;

}



/* NAVIGATION */



ul#Navigation {

    position:relative;

    font-size: 13px;

    font-family:verdana;

    list-style: none;

    text-decoration:none;

}



* html ul#Navigation {   /* nur fuer IE */

    position:relative;

    top:8px;

    font-size: 13px;

    font-family:verdana;

    list-style: none;

    text-decoration:none;

    padding: 2px;

}



ul#Navigation li {

    margin-left:-25px;

    list-style: none;

    color: #666666;

    padding:0px;

}



* html ul#Navigation li {   /* nur fuer IE */

    margin-left:-25px;

    margin-top:-4px;

    list-style: none;

    color: #666666;

    padding:0px;

}



ul#Navigation a {

    font-weight: bold;

    font-style: verdana;

    font-size:95%;

    color: black;

    text-decoration: none;

}



* html ul#Navigation a {   /* nur fuer IE */

    font-weight: bold;

    font-style: verdana;

    font-size:95%;

    color: black;

    text-decoration: none;

    padding:3px;

}



ul#Navigation a:hover {

    color: #3654a1;

}



ul#Navigation a:active {

    color: black;

}





P, UL { font-family: verdana, sans-serif; color: black; }

A { color: #3654a1; text-decoration:none; }

A:hover { text-decoration:underline; }

A:link {text-decoration: none}

A:visited {text-decoration: none}

A:active {text-decoration: none}





P, UL, OL { font-size: 13px; }

P { margin: 0px 0px 0px 0px; font-family: verdana; }



H1 { font-family: verdana; font-size: 16px; color: #0066b0; padding: 0 0 3px 0; }

H2 { font-family: verdana; font-size: 14px; color: #3654a1; }

H3 { font-family: verdana;; font-size: 12px; color: #3654a1; }

H4 { font-family: verdana; font-size: 10px; color: #3654a1; }



H5 { font-family: verdana; font-size: 9px; color: #3654a1; }

H6 { font-family: verdana; font-size: 8px; color: #3654a1; font-weight: normal; }

H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 20px; }

H1 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 20px; }

H2, H3 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }

H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }

H1.csc-firstHeader, H2.csc-firstHeader  { margin-top: 0px; }

H3.csc-firstHeader { margin-top: 0px; }

H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }



P.bodytext { font-family: verdana; font-size: 13px; color: black; line-height: 14px; padding-bottom: 6px;}





SELECT {

  font-family: verdana, sans-serif;

  font-size: 11px;

  color: #000000;

  background-color: #e5ebee;

  border: 0px solid #666666;

}



TEXTAREA {

  font-family: Verdana, sans-serif;

  font-size: 11px;

  border:1px solid #666666;

  color: #000000;

  font-weight : normal;

  background-color: #e5ebee;

}



INPUT {

  font-family: Verdana, sans-serif;

  font-size: 11px;

  color: #000000;

  background-color:#e5ebee;

  border: 1px solid #666666;

}



BUTTON {

  font-family: Verdana, sans-serif;

  font-size: 11px;

  color: #000000;

  background-color: #e5ebee;

  border: 1px solid #EDEFF1;

}



.csc-mailform {

  width: 360px;

  border: 1px solid #3956a2;

  font-family: Verdana, sans-serif;

  font-size: 10px;

  color: #000000;

  padding-left: 25px;

}



.csc-mailform-field {

  margin-bottom: 6px;

  padding-top: 5px;

  

}



.csc-textpic-caption {

  padding:4px;

  font-size: 12px;

}



TABLE {

  font-size: 13px;

  font-family: verdana;

}