* {
	margin: 0;
	padding: 0;
}

body {
background:#583604;
	/*
	
	background: #775500; */
font-family: arial, helvetica;
}


#box {
margin: 10px auto;
width: 900px;
height: 700px;
background: #faf394;
}

#header { 
height: 130px;
padding: 5px 0 0 20px;
}

#leiste { 
height: 90px;
padding: 5px 0 0 20px;
}

#content {
padding: 10px 20px 20px 20px;
}

.navigation {
float: left;
width: 180px;
height: 400px;
margin-top: 10px;
background: #009240;
}
.navigation h1 {
margin: 40px 0 20px 0;
padding-left: 10px;
color: #faf394;
font-size: 11px;
}
.navigation h2 {
margin: 40px 0 20px 0;
padding-left: 10px;
color: #f8c400;
font-size: 16px;
}
.navigation ul {
padding: 5px 0 15px 30px;
line-height: 30px;
list-style-type: square;
color: #f8c400;
}
.navigation ul li a {
color: #faf394;
text-decoration: none;
font-size: 16px;
font-weight: 100;
}
.navigation ul li a:hover {
color: #f8c400;
font-weight: 600;
}



.info {
padding: 0 50px 0 0;
overflow: auto;
float: right;
width: 520px;
height: 400px;
text-align: justify;
}

.info h1 {
color: #000000;
font-size: 12px;
font-weight: 100;
}

.info h2 {
color: #009240;
font-size: 24px;
font-weight: 100;
padding: 15px 0 7px 0;
}

.info hr {
color: #009240;
}