@charset "utf-8";
/* CSS Document */

body {
    cursor: url('cursor.cur'), auto;
    /* [disabled]display: block; */
    /* [disabled]-webkit-box-sizing: content-box; */
    /* [disabled]-moz-box-sizing: content-box; */
    /* [disabled]box-sizing: content-box; */
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    overflow-x: auto;
    overflow-y: auto;
    opacity: 1;
    text-align: center;
    vertical-align: bottom;
    list-style-position: inside;
    border-width: thin;
    height: 100%;
	width: 100%;
}



/* Menü erstellen */
ul {
    list-style-type: none;
    /* [disabled]margin-top: 100%; */
    /* [disabled]margin-right: 100%; */
    /* [disabled]margin-left: 100%; */
    /* [disabled]margin-bottom: 100%; */
    padding: 0;
    overflow: hidden;
    background-color: #8e2d85;
    width: 99%;
}

/* Menü Mobilfähig machen */
@media (max-width: 450px) {
li {
    float: center;
}
}

@media ( min-width : 450px ){
li {
    float: left;
}
}


/* Menü beschriften */

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	cursor: url('cursor.cur'), auto;
}


/* Wenn die Maus über dem Menü ist */

li a:hover {
	background-color: #481643;
	font-family: Arial,Helvetica,sans-serif;
	cursor: url('cursor.cur'), auto;
}

/* Wenn der Link aktiv ist */

li a:active {
    background-color: darkmagenta;
}


/* Text im Header */

h2 {
   color: white;
   text-align: left;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 95%;
}


/* Haupttext mit html Tag p schreiben */
p {
	color: #8E2D85;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 100%;
}