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

body {
  padding: 0px;
/*  margin: 0px;*/
}
#header, #footer, #left, #right {
  background-color: #B5B56A;
}
#header {
  height: 100px;
 /* margin: 10px; */
}
#footer {
	height: 50px;
	width: 99%;
	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;;
}
#right {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 160px;
  height: 300px;
}
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;
}
.banner{
	width:  780px; 
	height: 140px; 
	
	position: absolute; 
	left: 18px; 
	top: 900px; 
	z-index: 1;	
/*	border: 10; 
	border-radius: 10px; 
	background-color: #ff0000;*/	

    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg) !important;
    transform: rotate(270deg);
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;	
}
.banner_text{
	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;
}

.box_1, .box_2, .box_3, .box_4{
	width: 250px;
	height: 26px;
	position: absolute;
	left: 168px;
	top: 95px;
	z-index: 1;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
	font-size: 20px;
	border: 0px solid #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	background-color: #85A85E;
}
div.box_2{	
	left: 433px;
}
.box_3{
	left: 698px;	
}
div.box_4{
	left: 963px;
}