body {
	background-color: RGBA(230, 212, 162, 0.09);
	overflow: scroll;     /* scrollbalken, bzw. Platz dafür auf jeder Seite erzwingen */
/*	background-image: url("background.png");*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	text-align:center;
}

.text1{
   text-decoration: none;
}

 a:link{color:#999;}
 a:visited{color:#ddd;}
 a:hover{color:#00f;}
 a:active{color:#f00;}

#links {
/*	text-decoration-color: #fff;*/
	font-size: 100%;
/*	margin: 20% 3% 10px 10%;
*/
    display: inline-block;
   position: relative;
   
   
   bottom: 1%;
   z-index: 3;
}



ul { 
	list-style-type:none;
}


#ul1 {
/*	position: absolute;
	top: 0px;
	left: 1%;*/
   font-family:"comic sans ms","Century Schoolbook L","Times New Roman","Georgia,Serif";
   font-style:italic;
   text-shadow: 4px 3px 10px rgba(150, 150, 150, 1);
	font-size: 250%;

}

#ul2 {
/*	position: absolute;
	top: 0px;
	left: 5%;*/
   font-family:"Times New Roman",Georgia,Serif;
   text-shadow: 4px 3px 10px rgba(150, 150, 150, 1);
	font-size: 150%;
/*   line-height:500%;*/
}




.box {
     float: left;
/*     width: 25%;
     margin-right: 3.33333%;
*/     padding: 1px;
     box-sizing: border-box;
}


#kontakt {
	color: black;
	text-decoration-color: #fff;
	font-size: 120%;
/*	margin: 10% 50% 10px 5%;
*/        position: absolute;
        top: 0%;
        left: 20%;
        text-align: left;
        z-index: 0;

        opacity: 1; 
        -ms-transition: opacity 3s;
        -moz-transition: opacity 3s;
        -webkit-transition: opacity 3s;
        -o-transition: opacity 3s;
        transition: opacity 3s;
}


img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-color:black;
	border-style: solid;
	-webkit-box-shadow: 0 15px 10px -10px #333;
	-moz-box-shadow: 0 15px 10px -10px #333;
	box-shadow: 10px 10px 10px -10px #555;
}

#fade1 {
	position: fixed;
	top: 5%;
        right: 5%;
} 

#fade1 img {
	position: absolute;
        width: 23%;

	position: fixed;
	top: 5%;
        right: 5%;
        text-align: right;
        z-index: 0;

	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	-ms-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
#fade1:hover img:nth-of-type(2) {
    opacity: 0;
}

#fade2 {
	position: fixed;
	top: 5%;
        right: 5%;
} 

#fade2 img {
	position: absolute;
        width: 4%;

	position: fixed;
	top: 5%;
        right: 24%;
        text-align: right;
        z-index: 0;

	box-shadow: none;
	border-color:transparent;

	-webkit-transition: 2s ease-in-out;
	-moz-transition: 2s ease-in-out;
	-o-transition: 2s ease-in-out;
	-ms-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
}
#fade2:hover img:nth-of-type(2) {
    opacity: 0;
}

/* Knopf-Design */
.knopf {
	cursor: pointer;
	font: 12px Verdana,sans-serif;
	color: #000000;
	border: 1px solid #000000;
	background-color: #fff;
	width: 200px;
	padding: 2px;
	line-height: 130%;
	font-size: 1.0em; 
}