div.scrolable {
	overflow: auto;
	height: 80%;
}

div.container {
	display:block;
	margin-left:auto;
	margin-right:auto;
    	width: 90%;
	height: 100%;
	overflow: hidden;

}


div.wraptocenter {
	display: block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}
div.wraptoleft {
	display: block;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	height: 100%;
}

img.wraptocenter {
	max-height: 90%;
	max-width: 100%;
	vertical-align: middle;

}

body,html{
	height:100%;
	overflow-y: hidden;
	font-family: 'Alex Brush';
	font-size: 1.15em;

}


article {
	overflow-y: auto;
	margin-left: 10px;
	min-height:100px;
	padding: 1em;
	font-family: 'Courgette';
}

nav.rightnav {
	float: right;
	background-color: #F2F2BC;
	width: 200px;
	height:80%;
	min-height:150px;
	padding: 1em;
	text-align: right;
}

nav.leftnav {
	float: left;
	background-color: #F2F2BC;
	width: 50px;
	height:80%;
	min-height:50px;
	padding: 1em;
	text-align: right;
}

nav ul {
	list-style-type: none;
	padding: 0;
}


li a {
    	display: block;
    	color: black;
    	text-align: right;
    	text-decoration: none;
	    color: #A1B165;
}

li a#normal{
	text-align: left;
}

td a{
    	display: block;
    	color: black;
    	text-align: center;
    	text-decoration: none;
	color: #F2F2BC;
}


li a:hover {

    	color: #9D9E9E;
}

li a:active {
    	color: #FECC00;
}

td a:hover {

    	color: #9D9E9E;
}

td a:active {
    	color: #FECC00;
}

h1{
	margin: 0px 150px ;
	color: #F2F2BC;
}
#nav {
	position:absolute;
	bottom: 20px;
	right:7%;
}
@media all and (max-width: 980px) {
    #nav{
        margin-left: 0px;
        left: 220px;
    }
}
#header{
	width: 100%;
	background-color: #A1B165;
}
#logo{
	width :50%;
}
#logopic{
	margin-left: 20px;
	height: 100px;
	float:left;
}
#linkright{
	font-size: 1.3em;
	margin: 20px 10px ;
}
#linktop{
	font-size: 1.3em;
}
#textnextpic{
	margin-left: 250px;
}
#baumpic{
	display:block;
        margin-left: auto;
        margin-right: auto;
	width :30%;
}
#baumpiclive{
	float:left;
	width :30%;
}
#biopic{
	display:block;
        margin-left: auto;
        margin-right: auto;
	width :20%;
}
#centerleftblock{
	display:block;
	padding-left: 10px;
	margin-left:50%;
	margin-right:10%;
	background-color: #A1B165;
}
#centertext{
	text-align: center;
	font-size: 1.2em;
	font-family: 'Alex Brush';
}
#biotext{
	font-size: 1.2em;
}
#starttext{
	font-size: 1.5em;
}
#map {
        height: 100%;
      }