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

body {
  padding: 0px;
/*  margin: 0px;*/
}
#header {
  height: 100px;
 /* margin: 10px;*/
  background-color: #B5B56A;
}
#footer {
	height: 50px;
	width: 99%;
	background-color: #B5B56A;
	position: absolute; 
	bottom: 10px; 
	
	display: flex;
	align-items: center;
	justify-content: center;
}
#center {
  position: relative;
  width: 100%;
}
#inhalt {
  margin: 0px 180px;
  background-color: #FFFFCC;
}
#left {
  position: absolute;
  top: 0px;
  width: 160px;
  height: 800px;;
  background-color: #B5B56A;
}
#right {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 160px;
  height: 300px;
  background-color: #B5B56A;
}
div.logo{
	width:  90px; 
	height: 80px; 

	position: absolute; 
	left: 40px; 
	top: 20px; 
	z-index: 1;	
	border: 10; 
	border-radius: 10px; 
	background-color: #ffffff;	
	background-image:url("logo.gif");
}

.title{
	position: absolute;
	font-family:"Comic Sans MS", cursive;
	font-size:36px;
	top: 19px;
	width: 100%;
	height: 80px;
	
	/* um vertikal zentriert auszurichten,
	muss dieses div innerhalb eines divs sein */
	display: flex;
	align-items: center;
	justify-content: center;
}