/* Grundlayout Jugenddorf Petrus Damian*/

/* Eigenschaften für das Hauptdokument */
body {
         height: 100%;
         width: 100%;
         text-align: center;
         }

/*Felder für die einzelnen Inhaltselemente*/
div {
         }

/*Hauptfeld für das Gesamtlayout*/
#hauptfeld {
         width: 780px;
		 background-image: url(back.gif);
		 background-repeat: repeat-y;
         margin: auto;
		 padding: 15px;
	}

/*Feld für die Kopfgrafik*/
#kopf {
         width:750px;
         height:120px;
         }

/*Feld für Menü links und Content*/
#content {
		 width: 750px;
		 height: auto;
		 background-image: url(menu-back.gif);
	     background-repeat: repeat-y;
         vertical-align: top;
		 }

/*Feld für das Menue links*/
#menu {
	float: left;
    width: 130px;
    text-align: left;
	vertical-align: top;
         }

/*Feld rechts für Inhalt und Kopfmenü*/
#content-rahmen {
         float: right;
         width:620px;
		 height:auto;
		 vertical-align: top;
         }

/*Feld für Kopfmenü*/
#head {
         width: 620px;
         height: 17px;
		 text-align: right;
         background-color: transparent;
         background-image: none;
         }

/*Feld für das Inhaltselement*/
#inhalt {
		 width: 620px;
         background-color: transparent;
         background-image: none;
         }

/*Felf für den Haupttext*/
#text {
         float: left;
         width: 615px;
		 background-color: transparent;
         background-image: none;
         text-align: left;
         }

/*Felf für den Haupttext-Startseite*/
#text-links {
         float: left;
         width: 450px;
		 background-color: transparent;
         background-image: none;
         text-align: left;
         }

/*Felf für den Text rechts Startseite*/
#text-rechts {
         float: right;
		 width: 160px;
         background-color: transparent;
         background-image: none;
         text-align: center;
         }

/*Feld für die Fusszeile*/
#fuss {
		 clear: both;
		 width: 750px;
         height: 10px;
         }
		 
/*Verschachtelung der Container*/
.clearfix {
display: block;
background: transparent;
}

.clearfix:after {
content: ".";
clear: both;
display: block;
height: 0;
visiblity: hidden;
background: transparent;
}

.csc-mailform {
         border: none;
         }
