/* ******************************************************************* */
/* colors */
.background1 { color:#fff0be; }
.background2 { color:#ffffce; }
/* ******************************************************************* */
/* Start graphics */

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

#bodydiv {
width: 100%;
height: 100%;
position: relative;
z-index: 0;
}

#backgrounddiv {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
/* overflow: auto; */
overflow-x: scroll;
overflow-y: scroll;	
}

#background-img {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}
.startlink {
	letter-spacing:8px;
	font-family: ArialMT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 88px;
	font-color: white;
	font-style: bold; font-weight:100; font-size:66px;
	text-decoration: underline;
}

div.photodiv {
position: fixed;
color:white;
top: 45%;
left: 5%;
width: 35%;
height: 50%;
bottom: 40%;
z-index: 3;
/* overflow: auto; */
} 

div.malereidiv {
position: fixed;
color:white;
top: 45%;
left: 60%;
right: 10%;
height: 50%;
bottom: 40%;
width: 35%;
height: 40%;
z-index: 3;
/* overflow: auto; */
} 

div.namendiv {
position: absolute;
color:white;
top:15%;
right: 20%;
left: 25%;
width: 50%;
height: 30%;
z-index: 3;
/* overflow: auto; */
} 

.startImageDiv{
max-width:100%;
left: 10%;
height:auto;
position: relative;
display:block;
margin:0 auto;
}

.startImageDiv img{
width:100% !important;
height:auto !important;
display:block;
}

a.Malerei {
	letter-spacing:8px;
	font-family: Georgia, Book Antiqua, Times New Roman, serif;
	color: white;
	font-size: 1vw;
	font-style: bold; font-weight:100; font-size:3vw;
	text-align: right;
	text-decoration: underline;
	border: 1;
}
a.Fotografie {
	letter-spacing:8px;
/*	font-family: ArialMT, Verdana, Arial, Helvetica, sans-serif; */
	font-family: Georgia, Book Antiqua, Times New Roman, serif;
	font-size: 1vw;
	color: white;
	font-style: bold; font-weight:100; font-size:3vw;
	text-align: left;
	text-decoration: underline;
}
.Namen {
	letter-spacing:12px;
	font-family: Georgia, Book Antiqua, Times New Roman, serif;
	font-color: rgba(255, 255, 255, 0.714);
	font-style: bold; font-weight:100; font-size:3vw;
	text-align: center;

/*	text-decoration: underline; */
}

.bodyimg  { overflow: hidden;}

.bgbottom {
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom:0px;
	left: 0;
	z-index: 5000;
}

.bgtop {
	overflow: hidden;
	width: 100%;
	position: absolute;
	top:0px;
	left: 0;
	z-index: 5000;
}

* {
	margin: 0;
	padding: 0;
}

/* ???????????????????????????????????????????????? */
.bildzoom {/* Bilder an div anpassen */
           float: left;
           height: 100%;
           width: 100%;
           margin: 0em;
           padding: 0em;
	   background-repeat: repeat;
	   background-attachment:fixed;
 }

.bildzoomsmall {/* Bilder an div anpassen */
           float: left;
           height: 10%;
           width: 15%;
           margin: 0.5em;
           padding: 0.5em;
	   background-repeat: repeat;
	   background-attachment:fixed;
   } 

.bildzoom p {
            text-align: center;
            font-style: italic;
 }
 img.scaled {
            width: 100%;
    }

.left    { text-align: left; }
.right   { text-align: right; }
.center  { text-align: center; }
.justify { text-align: justify; }
.start   { text-align: start; }
.end     { text-align: end; }