/* hier beginnen die grossen Elemente, die bei großen und kleinen Bildschirmen verschieden sind */




div.pergament {
width: auto;
margin: 0px 170px;
margin-right: 200px;
background-image:url(Dateien/P-hg2.jpg);
background-repeat:repeat-y;
background-position: top center;
text-align: center;
padding:0px;
padding-left:15%;
padding-right:10%;
color:#000000;
z-index: 3;
}

div.schwarzpergament {
width: auto;
margin: 0px 170px;
margin-right: 200px;
background-color:black;
background-repeat:repeat-y;
background-position: top center;
text-align: center;
padding:0px;
padding-left:15%;
padding-right:10%;
color:#000000;
z-index: 3;
}




div.pkopf {
width: auto;
margin: 0px 170px;
margin-right: 200px;
padding-top: 170px;
background-image:url(Dateien/P-kopf2.jpg);
background-repeat:no-repeat;
background-position: bottom;
text-align: center;
height: 90px;
z-index: 3;
}

div.platzhalter {
width: auto;
padding-top: 3.3cm;
background-color:black;
background-repeat:no-repeat;
background-position: bottom;
text-align: center;
height:0px;
z-index: 3;
}

div.punten {
width: auto;
margin: 0px 170px;
margin-right: 200px;
margin-bottom: 1cm;
background-image:url(Dateien/P-unten2.jpg);
background-repeat:no-repeat;
background-position: top;
text-align: center;
height:120px;
color:#000000;
z-index: 3;

}

div.text {
margin:0px 0px;
width: 85%;
padding-left: 40px;
padding-right: 30px;
padding-top: 1px;
padding-bottom: 10px;

}