body {
font-family: "Times New Roman",Arial,Georgia,Serif;
background-color: #ccc;
}
a,p {font-weight: normal;}

.top_menu {
position: relative;
font-weight: bold;
font-size: 0.862em;
/*position: fixed;*/
left: 50px;
top: 30px;
width: 90%;
height: 50px;
background-color: none;
}
.top_menu .button {
position: relative;
text-align:center;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
height: auto;
background: #fff;
border-radius: 1em;
box-shadow:10px 10px 20px #666;
-webkit-box-shadow:10px 10px 20px #666;
-moz-box-shadow: 10px 10px 20px #666;
box-shadow: 10px 10px 20px #666;
}
.top_menu .button {float:right;}
.top_menu .title {float:left;text-shadow: 10px 10px 20px #666;font-size: 1.6em;text-align:center;width:100%;}
.top_menu .subtitle {float:left;font-size: 1em;text-align:center;width:100%;}
.top_menu .title h2, .top_menu .subtitle h2 {-webkit-margin-before: 0.1em;}

.top_menu .button.legend {width:auto;background:#5ba65b;}
.top_menu .button.legend p {width:auto;float:none;}

.top_menu .button p {
display: block;
margin-top: 8px;
margin-right: 3px;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
float:right;
color: #fff;
}
.top_menu .button.description p {color: #000;float:none;}
.top_menu .button.actual a {font-weight: bold;}
.maintitle {
position: absolute;
left: 10%;
top: 200px;
padding: 10px;
height: auto;
width: 80%;
text-shadow: 0px 0px 20px #555;
}
.flaghu, .flagen {position: relative;display: block;float:right;}

.maintitle h1, .maintitle a {
font-size: 5em;
font-weight: normal;
text-decoration: none;
text-align: right;
color: #444;
}
.descriptionbox {
position: absolute;
text-align:justify;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
height: auto;
background: #fff;
border-radius: 1em;
box-shadow:10px 10px 20px #666;
-webkit-box-shadow:10px 10px 20px #666;
-moz-box-shadow: 10px 10px 20px #666;
box-shadow: 10px 10px 20px #666;
}
.anim_1s  {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.hutitlehu,
.entitleen ,
.flaghu:hover ~ .hutitlehu, 
.flaghu:hover ~ .entitlehu,
.flagen:hover ~ .hutitleen,
.flagen:hover ~ .entitleen {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	-ms-opacity: 1;
	opacity: 1;
}
.hutitleen,
.entitlehu,
.descriptionbox,
.flaghu:hover ~ .hutitleen,
.flaghu:hover ~ .entitleen,
.flagen:hover ~ .hutitlehu,
.flagen:hover ~ .entitlehu {
	-webkit-opacity: 0.01;
	-moz-opacity: 0.01;
	-o-opacity: 0.01;
	-ms-opacity: 0.01;
	opacity: 0.01;
}
.top_menu .button.description p:hover, .popup:hover {text-shadow: 0px 0px 20px #555;cursor:help;font-weight: bold;}
.top_menu .button.legend p:hover {text-shadow: 0px 0px 20px #fff;cursor:help;font-weight: bold;}

.top_menu .button a:link {color:#fff;text-decoration: none;}
.top_menu .button a:visited, .top_menu .button a:hover, .top_menu .button a:active {color:#fff;text-shadow: 0px 0px 20px #fff;font-weight: bold;}