html, body {
	height:100%;
	font-family: 'Source Sans Pro', sans-serif;
	margin:0;
	background:#FEEBB8;
}




#titel{
	z-index:99;
	position: fixed;
	top:70%;
	left:25%;
	color:#996633;
	width:25%;
    	text-align:right;

}

#titel h1 {
	font-size:2em;
	padding-right:2%;
	background:rgba(255, 255, 255 ,0.7);
	font-weight:300;
}

#titel p {
	font-size:1.5em;
	padding-right:2%;
	background:rgba(255, 255, 255 ,0.7);
}


#links {
	width:50%;
	float:left;
	height:100%;
	background-image:url(baum.jpg);
    	background-repeat: no-repeat;
	background-position: center center;
	text-align:left;
	background-size: cover;

}



#rechts{
	width:50%;
	float:left;
	height:100%;
}

#rechts p {
	padding: 0 10% 0 10%;
	color:#774411;
}

#rechts h1 {
	font-size:1.8em;
	padding-top:8%;
	padding-left:10%;
	padding-bottom:1em;
	color:#996633;
	font-weight:300;
}

#rechts h3 {
	padding: 0 10% 0 10%;
	color:#996633;
	font-weight:100;
}

#menue{
    position: fixed;
    width: 20%;
    left: 30%;
    top: 20%;
    z-index: 100;
	
}

#menue  ul,
#menue  li {           /* Normalisierung */
    list-style: none; 
    margin: 0; 
    padding: 0;
    border: 0;
    text-align:right;
  }

#menue  li { 
    padding: 0.4em 0 0.4em 0;
  }
#menue  a {
    text-decoration: none; 
    font-weight: bold;
    color: gold; 
    background-color: #0099FF;
  }
#menue  a:focus,
#menue  a:hover,
#menue  a:active {    
    color: #0099FF; 
    background-color: gold;
  }

#rechts li {
	list-style: none;
	margin: 0;
	padding: 0 0 1em 3%;
	border: 0;
}

#rechts a {
    text-decoration: none; 
    font-weight: bold;
    color: gold; 
    background-color: #0099FF;
}
	

#rahmen{
	width:100%;
	height:100%;
	overflow:auto;
	margin: 0;
	padding: 0;
	border: 0;
}

#rechts .g {
	font-size:1.5em;
}

#rechts p.c1 {
	padding-left:4%;
}


#rechts p.c2 {
	padding-left:8%;
}

img {
	margin-right:10px;
	float:left;
}