* {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 font-family: Arial,Verdana;
}
#loadingstatus {
 text-align: left;
 color: red;
}
div.cleardiv {
 clear: both;
}
#activelink,#advertisement {
 display: none;
}
#logoholder {
 width: 50%;
 float: left;
}
#logoholder img {
 width: 100%;
 height: auto;
}
#languageswitch {
 width: 25%;
 float: left;
 text-align: center; 
}
#loginlink {
 width: 25%;
 float: left;
 text-align: center;
}
#menubarholder {
 width: 100%;
 background-color: #00c100; 
}
#menubar {
 width: 100%;
 background-color: #009100;
 color: white;
 text-align: center;
}
#menubar a,#footer a {
 text-decoration: none;
 color: white;
 border-right: 1px solid #ccc;
 padding: 3px;
}
#topic,#column1,#column2 {
 width: 100%;
 text-align: justify;
}
#topic div {
 width: 98.5%;
 margin: 0 auto;
}
#column1 div,#column2 div {
 width: 96%;
 padding: 3px;
}
#content h3 {
 padding: 3px;
 margin: 3px auto;
 font-size: 16px;
 font-weight: 400;
 width: auto;
 color: white;
 background-color: gray;
 border-radius: 5px 5px 0 0;
 text-align: center;
}
#documents {
 width: 100%;
 margin: 0;
}
div.document {
 width: 90%;
 margin: 3px auto;
 padding: 5px 8px;
 background-color: rgb(0,151,151);
 color: teal;
 border-radius: 5px;
 font-size: 12px;
}
div.document:hover {
 background-color: brown;
 color: white;
 border-bottom-right-radius: 15px;
}
div.document a {
 color: #ffffff;
 font-size: 12px;
 text-decoration: none;
}
#visitors {
 width:60%;
 font-size: 10px;
 margin:0 auto;
 padding:5px;
 background-color:orange;
 color:white;
 border-top-left-radius:1.5em;
 border-bottom-right-radius:1.5em;
}
#footer {
 background-color: #006300;;
 color:  white;
 text-align: center;
} 