.lightyellow {
	position: absolute;
    left:0px;
    top:0px;
    right:0px;
 	  width:100%;
    height:100%;
    background-color: #FFE26F;
    align: center;
    vertical-align: center;
    * width: 102%;
    * margin-left:0.1%;
    * margin-right:0.1%;
    overflow:auto;
    z-index: 0;
}



.lightyellow .red {
    position:relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #CC0000;
    width:100%;
    height:90%;
    align:center;
    overflow:auto;
    }

.lightyellow .red .orange {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #FF9900;
    width:100%;
    height:90%;
    align:center;
    overflow: auto;
    position:relative;
    z-index: 1;
}


.box {
	width:55%;
  background: #FFE26F;
  position:relative;
	left:20%;
  top:15%;
  bottom:50%;
}

.lightyellow .red .orange .box .top, .lightyellow .red .orange .box .bottom {
		display:block;
    background: #FF9900;
}
.lightyellow .red .box .top, .lightyellow .red .box .bottom {
	display:block;
    background: #CC0000;
}

.lightyellow .box .top, .lightyellow .box .bottom {
	display:block;
  background: #FFE26F;
}


.top b, .bottom b
{
  display:block;
  height: 1px;
  overflow: hidden;
  background: #eeccaa;
}


.r1 {
	margin: 0 4px;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

.r2{
	margin: 0 3px;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}


.r3 {
	margin: 0 2px;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

.top .r4,.bottom .r4 {
	margin: 0 1px;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

.top .r0 {
	background-color: #000000;
	height: 1px;
    margin: 0 5px;
}

.bottom .r0 {
	background-color: #000000;
    height: 1px;
    margin: 0 5px;
}


.box .boxcontent {
	display:block;
    background:#eeccaa;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
}



.form .text_area {
    height:50%;
    width:50%;
    position:relative;
    top:20%;
    left:25%;
}

.form .send {
    position:absolute;
    left:35%;
    top:75%;
}

.form .reset {
    position:absolute;
    left:55%;
    top:75%;
}

.box .boxcontent .date {
    position:relative;
    text-align:right;
    }

.links {
    vertical-align:middle;
  	font-family:Arial, Helvetica;
    text-align:center;
    font-size:160%;
    padding-top:5px;
}


.lightyellow .foto {
 	position:relative;
    margin:5px;
    border:60px;
}

.lightyellow .fotobox {
 	display:block;
    background:#eeccaa;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    padding-left:5px;
    padding-right:5px;
    top:20%;
    overflow:hidden;
}

.navibox {

    background:#eeccaa;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
}



.menubox {
	width:15%;
    background: #eeccaa;
    margin-left:2%;
    margin-top:15px;
    position:absolute;
}

.menubox_rechts {
		width:20%;
		text-align: right;
    background: #eeccaa;
   	right:2%;
    margin-top:15px;
    position:absolute;
}

.menubox_rechts .boxcontent {
    background:#eeccaa;
   	border-left:1px solid #000000;
   	border-right:1px solid #000000;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    overflow:hidden;
    z-index:1;
}

.menubox .boxcontent {
    background:#eeccaa;
   	border-left:1px solid #000000;
   	border-right:1px solid #000000;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    overflow:hidden;
    z-index:1;
}

.link{
	display:block;
  background-color:#eeccaa;
  top:5px;
  left:5px;
  padding-bottom:5px;
  margin-bottom:5px;
	visited:#00FF00;
    active:#3A0BC5;
}

.lightyellow .red .orange .menubox .top, .lightyellow .red .orange .menubox .bottom {
	display:block;
  background: #FF9900;
}

.lightyellow .red .menubox .top, .lightyellow .red .menubox .bottom {
	display:block;
  background: #CC0000;
}

.lightyellow .menubox_rechts .top, .lightyellow .menubox_rechts .bottom,
.lightyellow .menubox .top, .lightyellow .menubox .bottom {
	display:block;
  background: #FFE26F;
}

.gbuch {
	width:50%;
    background-color: #CC0000;
    position:relative;
	left:25%;
    top:10%;

}

.kontakt {
	width:50%;
    background-color:#FF9900;
    position:relative;
	left:25%;
    top:10%;

}

.text {
	width:80%;
    position:relative;
    left:10%;
    margin-bottom: 5px;
    }


.textarea {
	width:80%;
    position:relative;
    left:10%;
    margin-bottom: 5px;
    height:150px;
}

.send {
	position:relative;
    left:15%;
    margin-bottom:5px;
    width:20%;
    }

.reset {
	position:absolute;
    left:65%;
    margin-bottom:5px;
    width:20%;
    }


.linie {
 	display:block;
    width:90%;
    background:#eeccaa;
    position:relative;
    left:5%;
    margin-top:5px;
    border-top-width:1px;
    border:top;
    border-top-style:solid;
}

.boxcontent a:hover {
    border: none;
    text-decoration:none;
    color: #000000;
   	}

a span {
	display: none;
	}

a:hover span {
  display: block;
  position: absolute;
  width: 90%;
	top: 170px;
  left: 2%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: middle;
  overflow: visible;
  font-size:12;
  }
    
.view {
	width: 100%;
}

.navi_left {
	width: 30%;
	margin-left: 5%;
	text-align: left;
}

.navi_center {
	width: 30%;
	text-align: center;
}

.navi_right {
	width: 30%;
	margin-right: 5%;
	text-align: right;;
}

.banner_div {
	width: 80%;
	margin:10px;
	text-align: center;
}

.banner {
	width: 100%;
}