/* CSS Document */

body {
background-color:#fff;
font-size:1.2em;
font-family: Verdana;}

body a{
color:#000;}

#wrapper {
margin:30px auto;
max-width:1000px;
height:auto;
background-color:#fff;}


#navigation{
max-width:1000px;
height:40px;
margin-bottom:10px;
color:#fff;
background-color:#088A08;
font-size:1.3em;}


#article {
max-width:1000px;
color:#000;
background-color:#fff;
font-family:Verdana;
font-size:1.3em;
margin:0px 0px 0px 0px;}


#footer {
clear:left;
color:#000;
font-size:0.9em;
font-style:italic;
text-align:center;
border-top:1px green solid;
width: 100%;
padding-top:5px;
height:25px;}


h1{
letter-spacing:3px;
font-family:"Arial Unicode MS";
font-size:1.5em;
font-weight:lighter;}


h2{
font-family:"Arial Unicode MS";
font-size:1.4em;
font-weight:lighter;}


.text{
letter-spacing:2px;
font-family:"Arial Unicode MS";
font-size:1.5em;
font-weight:lighter;}


.text-kl{
font-size:0.9em;}


.text-mini{
color:#000;
font-size:0.7em;
font-style:italic;}


img {
max-width:100%;
height:auto;}


li {
list-style-type:circle;}

table{
font-size:0.85em;}
<style type="text/css">

.embed-container {
position: relative; 
padding-bottom: 56.25%; /* ratio 16x9 */
height: 0; 
overflow: hidden; 
width: 100%;
height: auto;}

.embed-container iframe {
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; }

/* ratio 4x3 */
.embed-container.ratio4x3 {
padding-bottom: 75%;}

.dropdown {
position: relative;
display: inline-block;
font-size:1.0em;}

.dropdown-content {
display: none;
position: absolute;
background-color: #bc202d;
min-width:auto;
padding: 0px 10px;
z-index: 1;}

.dropdown:hover .dropdown-content {
display: block;}
</style>