/* selector styles all div tags*/
div {
float: left;
clear: both;
}

/* select all pictures shrink.. of blender PNG files are very big  pixes = 1930px */

img {
float: left;
clear: both;
width: 70%;
margin-left:15%;
}

p,img {
float: left;
clear: both;
width: 70%;
margin-left:15%;
}

p {
font-size: 20pt;

}


/* selector styles just one container*/
#container {
/*height: 2500px;*/
width:  90%;
margin-left: 5%;
background-color: #E3C2AC;
/* color is... light tan color   */
margin-bottom: 40px; 
}

.innercontainer {
  /*height: 800px;*/
  width: 80%;
  background-color: maroon;
  color: white;
  margin-bottom: 15px;
  padding-left: 5%;
  padding-right: 5%;
  margin-left: 5%;
  border-radius: 20px;

}


.headerofmenus {
height: 70px;
margin-left: 5%;
width: 90%;
background-color: black;
}


.submenus {
/* the menu needs no height or width, it grows to fit the child content */
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;


background-color: #551C2C;  /* color above is dark maroon */
color:white; /* color of text is white*/
text-align: center; 
clear:none;
/* menus are left to right, they do not clear out each other */
margin-left: 20px;
margin-top: 10px;
}




/* what is the CSS to style links? */
/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  /* white pink*/
  color: EBD4F1;
}

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

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


/*
.box {
height: 50px;
background-color: #CB6D64;
color: white;
margin: 5px;
border-radius: 5px;
padding: 5px;
margin-right: 250px;
margin-top: 70px;
padding-right: 5px;
}
*/


/*  colourco.de     */