div {
float: left;
}

img {
	width: 80%;
	margin-left: 10%;
	padding: 10px
}


#container {
background-color: darkgreen;
width: 90%;
/*height: 700px;*/
/* no height, the parent object will grow to fit any child object*/

}


#myheader {
background-color: white;
width: 90%;
margin-left: 5%;
/*height: 40px;*/
padding-bottom: 12px;
}

#container
{

background-color: darkgreen;
width:100%
}         

.minibutton {
background-color: cyan;
margin-left: 1%;
width: 23%;
min-width: 180px;
border-style: solid;
border-width: 2px;
border-color: black;

text-align: center;
clear: none;
padding-top: 1px;
padding-bottom: 1px;
/* do not stack vertically, side by side menus*/
/* use this for four buttons:  home, german, us, russia */
}


.contentarea {
background-color: black;
color: white;
width: 90%;
margin-left: 5%;
margin-bottom: 50px;
}

/* unvisited link */
a:link {
    color: black;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: grey;
}

/* selected link */
a:active {
    color: black;
}

img, p {
float: left;
width:60%;
margin-left: 20%;
}
 

