body { background-color: #1b3d6a; font-family: Arial, sans-serif; }
div#container { background: white; color: #1b3d6a; border-radius: 16px; margin-left: auto; margin-right: auto; margin-top: 3em; max-width: 960px; overflow: hidden; }
div#container div { margin: 0px; }
div#container div#top-area { background: url(ocean2.jpg); height: 400px; position: relative; }
div#container div#top-area div.logo-areas { height: 100%; position: absolute; right: 0px; top: 0px; width: 33%; }
div#container div#top-area div#logo-area-bg { background: white; opacity: 0.4;}
div#container div#top-area div#logo-area img { display: block; margin: 1em auto; }
div#container div#top-area div#logo-area { font-size: 1.2em; }
div#container div#top-area div#logo-area div { margin-left: 1em; float: left; }
div#container div#top-area div#logo-area div ul { padding-left: 20px; }
div#container div#top-area div#slogan { color: white;  position: absolute; bottom: 2em; left: 2em; font-size: 2em;  text-shadow: 2px 2px 2px #000; }

div#container div#contact-information { background-color: #e1e2e4; padding: 16px; font-size: 1.2em; }
div#container div#contact-information a, div#container div#contact-information a:visited { padding: 12px; color: #1b3d6a; font-weight: bold; }
div#container div#contact-information a:hover { background-color: #1b3d6a; color: #e1e2e4; }
div#container div#contact-information div#lang-select { float: right; }
div#container div#contact-information div#lang-select img { border: 1px solid white; }


div#container div#content { padding: 1em 2em; font-weight: bold; }
div#container div#content p.weak { font-weight: normal; }
div#container div#content ul ul { font-weight: normal; }
div#container div#content h1 { font-size: 2.5em; }
div#container div#content p.ingres { font-size: 1.2em; font-style: italic; font-weight: normal; }
div#container div#content div#quals { float: right; background-color: #1b3d6a; color: white; margin-left: 2em; padding: 1em; border-radius: 1em; font-weight: normal; }
div#container div#logo-area li {  color: white; text-shadow: 2px 2px 2px #000; }
div#copyright { text-align:center; margin: 1em; font-size: 0.8em; color: #e1e2e4; }
.clearfix { float: none; clear: both;}