* {
  outline: none;
}
body {
  background: #111;
  font: 24px Helvetica, Arial, sans-serif;
  margin: 10px;
}
a {
	color: #fff;
	font-weight: bold;
}

#title {
  position: absolute;
  left: 20px;
  top: 10px;
  width: 600px;
}
#menu {
  position: absolute;
  left: 20px;
  top: 100px;
  width: 300px;
}
#menucontact {
  position: absolute;
  left: 20px;
  top: 400px;
  width: 300px;
}
h2 {
  position: relative;
  z-index: 1;
  font-size: 62px;
  line-height: 60px;
  overflow: hidden;
  font-weight: bold;
  margin: 0;
  padding-left: 14px;
}
#title h2 {
 line-height:90px;
 color: #222;
}

.menu1 a:link { color: #a839b2 }
.menu1 a:visited { color: #a839b2 }
.menu1 a:hover { color: black; background-color: #a839b2 }
.menu1 a:active { color: black; background-color: #a839b2 }
a:link.menu1a { color: #a839b2 }
a:visited.menu1a { color: #a839b2 }
a:hover.menu1a { color: black; background-color: #a839b2 }
a:active.menu1a { color: black; background-color: #a839b2 }

.menu2 a:link { color: #ff0071 }
.menu2 a:visited { color: #ff0071 }
.menu2 a:hover { color: black; background-color: #ff0071 }
.menu2 a:active { color: black; background-color: #ff0071 }
a:link.menu2a { color: #ff0071 }
a:visited.menu2a { color: #ff0071 }
a:hover.menu2a { color: black; background-color: #ff0071 }
a:active.menu2a { color: black; background-color: #ff0071 }

.menu3 a:link { color: #acd030 }
.menu3 a:visited { color: #acd030 }
.menu3 a:hover { color: black; background-color: #acd030 }
.menu3 a:active { color: black; background-color: #acd030 }

.menu4 a:link { color: #58aa00 }
.menu4 a:visited { color: #58aa00 }
.menu4 a:hover { color: black; background-color: #58aa00 }
.menu4 a:active { color: black; background-color: #58aa00 }

.menu5 a:link { color: #00aa78 }
.menu5 a:visited { color: #00aa78 }
.menu5 a:hover { color: black; background-color: #00aa78 }
.menu5 a:active { color: black; background-color: #00aa78 }
a:link.menu5a { color: #00aa78 }
a:visited.menu5a { color: #00aa78 }
a:hover.menu5a { color: black; background-color: #00aa78 }
a:active.menu5a { color: black; background-color: #00aa78 }

.menu6 a:link { color: #0074ae }
.menu6 a:visited { color: #0074ae }
.menu6 a:hover { color: black; background-color: #0074ae }
.menu6 a:active { color: black; background-color: #0074ae }

#menucontact a:link { color: #0074ae }
#menucontact a:visited { color: #0074ae }
#menucontact a:hover { color: black; background-color: #0074ae }
#menucontact a:active { color: black; background-color: #0074ae }

a.menu2img img {
        border: #ff0071 2px solid;
	margin: 6px;
}
a:hover.menu2img img {
        border: #ff0071 3px solid;
	margin: 5px;
}
a:hover.menu2img {
        border: 0;
	color:#ff0071;
}
a.menu3img img {
        border: #acd030 2px solid;
	margin: 6px;
}
a:hover.menu3img img {
        border: #acd030 3px solid;
	margin: 5px;
}
a:hover.menu3img {
        border: 0;
	color:#acd030;
}
a.menu4img img {
        border: #58aa00 2px solid;
	margin: 6px;
}
a:hover.menu4img img {
        border: #58aa00 3px solid;
	margin: 5px;
}
a:hover.menu4img {
        border: 0;
	color:#58aa00;
}
a.menu5img img {
        border: #00aa78 2px solid;
	margin: 6px;
}
a:hover.menu5img img {
        border: #00aa78 3px solid;
	margin: 5px;
}
a:hover.menu5img {
        border: 0;
	color:#00aa78;
}

#statics {
  position: absolute;
  left: 20px;
  top: 514px;
  width: 300px;
}
.contentcontainer{
  position: absolute;
  left: 300px;
  top: 100px;
  width: 800px;
  padding:1em;
  min-height:100px;
  background-color: #222;
  border:5px dashed black;
  color:#ccc;
  font-family:Georgia;
}