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

/*HINTERGRUNDBILD*/
body {
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:1.2em;	
overflow-y: auto;
overflow-x: auto;
}

a {
	color:#000;
}

img {
	border-radius: 20px;
}

#header1 {
position:fixed; 
left: 0;
right: 0;
top: 0;
height:50px;
background:#7FFF7F;
}

#header2 {
position:fixed; 
left: 0;
right: 0;
top: 50px;
height:95px;
background:#FFF;
text-align: center;
padding: 1px 0 0 0; 
border-top: 2px solid; border-top-color:#7FFF7F;
border-bottom: 2px solid; border-bottom-color:#7FE5FF;
}

#header3 {
position:fixed; 
left: 0;
right: 0;
top: 150px;
height:50px;
background:#7FE5FF;
}

#inhalt1 {
position:fixed; 
left: 0;
right: 0;
top: 200px;
bottom: 40px;
background:#7FE5FF;
}

#footer1 {
position:fixed; 
left: 0;
right: 0;
bottom: 20px;
height: 20px;
background:#FFF;
}

#footer2 {
position:fixed; 
left: 0;
right: 0;
bottom: 0px;
height: 20px;
background:#7FFF7F;
}

#menu {
position:relative; 
left: 0;
right: 0;
top: 0;
bottom: 40px;
color: #B2B2B2;
text-align:center;
font-weight:bold;
}

#i_links {
position:fixed; 	
bottom: 60px;
border-radius:20px;
z-index: 10;
left: 1%;
right:70.5%;
top: 170px;
text-align: center;
background-image: url(foto.jpg);
background-size:cover;
background-position:center;
}

#i_rechts {
position:fixed; 
bottom: 60px;
border-radius:20px;
left: 30.5%;
right: 1%;
top: 170px;
background:#E5FAFF;
padding:20px;
overflow:auto;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}